Show HN: µCSS, a CSS framework with 17 components, 20 themes, no build required(mucss.org)

3 pointsby amaury_bouchardvor 4 Monaten4 comments

Show HN: µCSS, a CSS framework with 17 components, 20 themes, no build required

https://mucss.org

I decided to create µCSS while I was using PicoCSS. PicoCSS is a great minimalist CSS framework — lightweight, semantic, accessible — but it lacks a grid system, a lot of common UI components, and theming. Bootstrap fills that gap but brings a lot of complexity and opinions. µCSS tries to sit in between.

So I used PicoCSS as the foundation of µCSS, adding: a 12-column responsive grid (5 breakpoints), 17 UI components (accordion, modal, toast, tabs, nav, breadcrumb...), 20 color themes, and utility classes for color and positioning. Dark mode is built in, automatic or manual.

At ~19KB gzipped, it's significantly smaller than Bootstrap (~30KB), and it requires no JavaScript to work — CSS only.

Each theme is a single self-contained CSS file, ready to drop in via CDN.

GitHub: https://github.com/Digicreon/muCSS

Happy to discuss the design decisions.

4 comments

AlbertoGPvor 4 Monaten

I will try this out later, but for now the address https://mucss.org/ does not work for me. The Github link does.

amaury_bouchardvor 4 Monaten

Thank you for the information. There was a DNS misconfiguration, but it should be fixed now (allow some time for DNS propagation).

adesanevor 4 Monaten

Great job!

amaury_bouchardvor 4 Monaten

Thanks!