DEV Community

Cover image for Take a look on beercss 🍺

Take a look on beercss 🍺

Leonardo Rafael Wehrmeister
Thoughts materialize things.
・1 min read


I'm here to introduce a CSS open source project called Beercss So, here are some points IMO:

  • "ZERO documentation" this sounds weird at first time. It's like an UI Kit.
  • Has about 100 css classes to combine.
  • It's lightweight, has about 10kb of size.
  • It's standalone and has zero dependencies. This is nice because you can work with any stack (Vue, React, Svelte and others).
  • You can do a lot of combinations and scale your elements. Some frameworks has a scale issues, and you need to face it, with your own way.
  • The trigger system is very simple. To activate/deactivate an element you can add/remove class active or add the code ui(selector). To open a modal ui(selector). To close a modal ui(selector). It's the same function and the framework just knows what to do.
  • It's themeable with CSS vars.
  • It's focused on a CSS tier.

Thanks for your time guys and I hope you enjoy it! πŸΊπŸ’›

Discussion (7)

madza profile image

Great project πŸ‘πŸ‘
The use will skyrocket during 17.9. to 3.10.2022 πŸ˜€πŸ˜€πŸΊ

leonardorafael profile image
Leonardo Rafael Wehrmeister Author

Oktoberfest? 🀣

madza profile image

Exactly πŸ’―πŸ˜€

bdelespierre profile image
Benjamin Delespierre

Great library! As a (very) lazy developer, can I have ready-to-use components & interfaces that I can just copy/pasta around to meet deadlines and make stakeholders happy? Because that's why I use a CSS lib/fw in the first place.

Still a great, little lib tho πŸ˜€

bglamadrid profile image
Benjamin La Madrid

Like beer itself: I love it πŸ‘Œ

adaendra profile image
Maxime Guilbert

Really cool project! (And it's always cool when it's talking about beer haha)

chavati profile image

It's really cool 😎