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

Name: µCSS, a CSS framework with 17 components, 20 themes, no build required
Availability: InStock
Author: amaury_bouchard

by amaury_bouchard·Mar 8, 2026·3 points·4 comments

Visit Project View on HN

AI Analysis

●●SolidCozySolve My Problem

Lightweight CSS framework between PicoCSS simplicity and Bootstrap complexity.

Strengths

•No JavaScript dependency and no build step is genuinely frictionless for quick projects
•20 themes and CSS variable customization is more thorough than PicoCSS baseline
•19KB gzipped is meaningfully smaller than Bootstrap (30KB) without sacrificing component breadth

Weaknesses

•CSS-only frameworks (Pico, Bulma, Water.css) already own this niche; no novel architectural insight
•Component set (accordion, modal, tabs) is standard; no interaction patterns justify the overhead over semantic HTML alone

Post Description

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.