DEV Community

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

Posted on β€’ Edited on

20 7

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

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

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 😎

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay