DEV Community

loading...
Cover image for Take a look on beercss 🍺

Take a look on beercss 🍺

Leonardo Rafael Wehrmeister
Thoughts materialize things.
・1 min read

Hi,

I'm here to introduce a CSS open source project called Beercss https://www.beercss.com. 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)

Collapse
madza profile image
Madza

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

Collapse
leonardorafael profile image
Leonardo Rafael Wehrmeister Author

Oktoberfest? 🀣

Collapse
madza profile image
Madza

Exactly πŸ’―πŸ˜€

Collapse
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 πŸ˜€

Collapse
bglamadrid profile image
Benjamin La Madrid

Like beer itself: I love it πŸ‘Œ

Collapse
adaendra profile image
Maxime Guilbert

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

Collapse
chavati profile image
Salvador

It's really cool 😎