DEV Community

Cover image for Lightweight CSS Frameworks - A curated list

Lightweight CSS Frameworks - A curated list

Sm0ke on May 23, 2021

Hello Coders, Using Bootstrap or other fully featured CSS Framework definitely is a good idea for complex projects with a lot of requirements, bu...
Collapse
 
ggedde profile image
GGedde • Edited

Another one to check out would be SpryCss by default it is about 12kb, but it defaults with 3 breakpoints and 10 colors, but I typically only use 2 breakpoints and 7 colors for most of my projects, which brings it down to about 9kb. It is easy to manage the breakpoints, colors, sizing options, etc in the variables file. Full disclosure I created it and I am looking for suggestions, so let me know what you think or add issues to the project. Thanks

Collapse
 
sm0ke profile image
Sm0ke

Sounds great @ggedde
A minimal presentation/docs side migth help the adoption.
In case you have the time, drop here a message one is done.
🚀🚀

Collapse
 
ggedde profile image
GGedde

Yes, a link to the docs is posted on the Readme.
Here it is: ggedde.github.io/spry-css
Let me know if you have any suggestions.
Thanks

Thread Thread
 
sm0ke profile image
Sm0ke

looks nice

Collapse
 
dev_geos profile image
Dev Geos • Edited

MOD-CSS is another relatively new framework, which supports 6 breakpoints, states, a Bootstrap-like flexbox grid and almost all CSS properties. It is a very lightweight utility-first CSS framework (barely 10kb) that can do almost everything in terms of quick customization.

Le Site internet
Le Github

Collapse
 
rezi profile image
Tomas Rezac

Worthy to check is Sugar CSS sugar-css.com/ In less than 8KB it brings very nice styling with super convenient customisation. Compared to other similar frameworks Sugar css includes very interesting and innovative Grid system.

Collapse
 
sm0ke profile image
Sm0ke

ty

Collapse
 
roblevintennis profile image
Rob Levin

Yeah, Pico is really sweet for these sorts of things. I like that they have the Extend page and say they like classes. Very pragmatic -- they built a classless framework essentially that's pretty amazing at that but also point out that if you need to do more you'll need to add some classes.

I think these frameworks are a great place to code dive as a learner as well. Not too big to get confused by and generally well coded. One could do worse then to have two windows with one of these source code and the other MDN docs and really learn what's going on ⭐ 🍰 🙌 💪

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
souksyp profile image
Souk Syp.

Pico is beautiful

Collapse
 
sm0ke profile image
Sm0ke

Feel free to share a link in case you have a public project built with Pico

Collapse
 
gdledsan profile image
Edmundo Sanchez

Check Skeleton, it is neat too getskeleton.com/

Collapse
 
sm0ke profile image
Sm0ke

Ty!

Collapse
 
sturpin profile image
Sergio Turpín

Good Post!! 😉 I really like Pure CSS

Collapse
 
sm0ke profile image
Sm0ke • Edited

Pure CSS is super. 21k+ GH Stars is quite something.
P.S. also my favorite :)

Collapse
 
sajjan_404 profile image
Sajjan Karn

✌️great.

Collapse
 
sm0ke profile image
Sm0ke

Ty!