Skeletonic Stylus 2.0 — modern CSS for the post-bundler web. 7.7 KB gzip · 6.7 KB brotli. OKLCH colours, native @layer, CSS Grid, container queries, view transitions. WCAG 2.2 AA. RTL-ready. Zero JavaScript. One <link> and you're done.
npx @sebastienrousseau/skeletonic-stylus init
What's new in 2.0
Six 2026-baseline CSS features the library now ships natively.
| Feature | Where it lives |
|---|---|
| OKLCH colour system | every brand / status / grey token, dark-mode included |
Native @layer | skeletonic.{base,layout,elements,components} — drop unlayered overrides anywhere and they win |
| CSS Grid layout | .grid + .grid-cols-1..12 + .col-span-1..12 |
| Container queries | .card reflows to its parent's width, not the viewport's |
| View Transitions API | .view-transition-name-{root,header,main,footer,article,section} |
| Scroll-driven animation | .scroll-timeline, .animate-on-scroll |
The Anatomy of Skeletonic
Six paths into the library. Pick what you need.
Numbers, not promises
CDN-served, no purging, measured with gzip -9 and brotli -q 11 on 2026-04-30. The full table is on the benchmarks page.
| Framework | Version | Brotli | Gzip |
|---|---|---|---|
| Skeletonic Stylus | 2.0.0 | 6.7 KB | 7.7 KB |
| Pico CSS | 2.1.1 | 10.1 KB | 11.6 KB |
| Bootstrap | 5.3.8 | 23.0 KB | 30.9 KB |
| Bulma | 1.0.4 | 36.3 KB | 64.9 KB |
| Tailwind Play CDN (JS) | latest | 104.7 KB | 123.1 KB |
Built for the post-bundler web
Skeletonic exists for the parts of the web where Tailwind v4's Oxide pipeline is overkill: HTMX apps, Hotwire and Phoenix LiveView, Astro MPA, every Hugo / Eleventy / Shokunin SSG, server-rendered Laravel / Django / Rails templates, and AI-scaffolded HTML. One <link>, no JavaScript, no compile step, real RTL, real WCAG 2.2 AA. No surprises in production.
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@sebastienrousseau/skeletonic-stylus@2.0.0/css/core/skeletonic.min.css">
That's the whole install.
Ready when you are
Browse components ❯ · Framework benchmarks ❯ · Read the docs ❯ · GitHub ❯