DEV Community

Cover image for Take a look on Beer CSS 🍺
Leonardo Rafael Wehrmeister
Leonardo Rafael Wehrmeister

Posted on • Edited on

Take a look on Beer CSS 🍺

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! πŸΊπŸ’›

Top comments (8)

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

Oktoberfest? 🀣

Collapse
 
madza profile image
Madza

Exactly πŸ’―πŸ˜€

Collapse
 
johnslegers profile image
John Slegers

I like what you're doing there.
BeerCSS seems to follow roughly the basic principles I applied when I made jslegers.github.io/cascadeframework/ many years ago.
I might even "steal" some ideas from you if I ever get to create a v2 ;-)

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
 
mxglt profile image
Maxime Guilbert

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

Collapse
 
codedude64 profile image
codeDude64

It's really cool 😎