Skeletonic Stylus 2.0 — Modern CSS, 7.7 KB gzip

Skeletonic Stylus 2.0 — modern CSS for the post-bundler web. 7.7 KB gzip · 6.7 KB brotli. OKLCH colours, native <code>@layer</code>, CSS Grid, container queries, view transitions. WCAG 2.2 AA. RTL-ready. Zero JavaScript. One <code>&lt;link&gt;</code> and you're done.

<code class="language-bash">npx @sebastienrousseau/skeletonic-stylus init </code></pre> 
What's new in 2.0
 
Six 2026-baseline CSS features the library now ships natively.
 
Data table table
 
 
 
Feature
 
Where it lives
 
 
 
 
 
OKLCH colour system
 
every brand / status / grey token, dark-mode included
 
 
 
Native <code>@layer</code>
 
<code>skeletonic.{base,layout,elements,components}</code> — drop unlayered overrides anywhere and they win
 
 
 
CSS Grid layout
 
<code>.grid</code> + <code>.grid-cols-1..12</code> + <code>.col-span-1..12</code>
 
 
 
Container queries
 
<code>.card</code> reflows to its parent's width, not the viewport's
 
 
 
View Transitions API
 
<code>.view-transition-name-{root,header,main,footer,article,section}</code>
 
 
 
Scroll-driven animation
 
<code>.scroll-timeline</code>, <code>.animate-on-scroll</code>
 
 
 
 
Full v2.0.0 release notes →
 
The Anatomy of Skeletonic
 
Six paths into the library. Pick what you need.
  
Numbers, not promises
 
CDN-served, no purging, measured with <code>gzip -9</code> and <code>brotli -q 11</code> on 2026-04-30. The full table is on the benchmarks page.
 
Data table table
 
 
 
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 <code>&lt;link&gt;</code>, no JavaScript, no compile step, real RTL, real WCAG 2.2 AA. No surprises in production.
 
<code class="language-html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sebastienrousseau/skeletonic-stylus@3.0.0/css/core/skeletonic.min.css"> </code></pre> 
That's the whole install.
 
Ready when you are
 
Browse components ❯ · Framework benchmarks ❯ · Read the docs ❯ · GitHub ❯