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

3 points

3 months ago

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