Project Templates출처: Show HN조회수 1
Show HN: µCSS, a CSS framework with 17 components, 20 themes, no build required
By amaury_bouchard2026년 3월 9일
**Show HN: µCSS, a CSS framework with 17 components, 20 themes, no build required**
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/muCSSHappy to discuss the design decisions...
---
**[devsupporter 해설]**
이 기사는 Show HN에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.
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/muCSSHappy to discuss the design decisions...
---
**[devsupporter 해설]**
이 기사는 Show HN에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.