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 ๐Ÿ˜Ž