skeletonic.com

What It Is

Skeletonic Stylus 2.0 is an open-source Stylus CSS library positioned as a modern CSS solution for the “post-bundler web.” Its core package is 7.7 KB gzip / 6.7 KB brotli, and it can be loaded from a CDN via a single <link>, or used through npm, pnpm, yarn, or npx. The project emphasizes zero JavaScript, no build step, and is released under a dual MIT or Apache-2.0 license.

Core Capabilities

In terms of features, it covers resets, tokens, layouts, elements, components, and utility classes, including common UI patterns such as buttons, forms, cards, alerts, badges, tables, color palettes, and animations. Version 2.0 natively uses the OKLCH color system, CSS @layer, CSS Grid, container queries, the View Transitions API, and scroll-driven animations. Accessibility is a major focus: the documentation explicitly mentions WCAG 2.2 AA, focus-visible, skip links, reduced-motion, forced-colors fallbacks, RTL logical properties, and automatic dark mode.

Integration, Documentation, and Pricing

Skeletonic can be integrated via jsDelivr, unpkg, package managers, GitHub releases, or by building from source, and it also supports self-hosting the dist files. It fits projects that do not require a complex frontend build chain, including HTMX, Hotwire, Phoenix LiveView, Astro MPA, Hugo, Eleventy, Laravel, Django, and Rails. The documentation is fairly comprehensive, covering installation options, components, color palettes, animations, accessibility, benchmarks, release notes, and contribution guides. Pricing-wise, it is completely free and can be used commercially.

Pros, Cons, and Who It’s For

Its strengths are its tiny footprint, simple integration, lack of JavaScript dependency, solid accessibility and RTL support, and supply-chain measures such as CycloneDX SBOM, npm provenance, pinned dependencies, and CVE fixes. The downside is that it is still essentially a CSS/Stylus component library and does not provide complex interactive components. If a team is already deeply invested in Tailwind, Bootstrap, or a Sass-based stack, the benefits of migrating should be evaluated carefully. It is especially suitable for static sites, server-rendered apps, content sites, lightweight admin pages, and quickly styling AI-generated HTML.

Access from China

The source material does not provide information on mainland China access, mirrors, payments, or compliance, so its access status can only be marked as unknown. In actual use, the availability of jsDelivr, unpkg, GitHub, and npm may vary depending on the network environment. For production projects, it is recommended to self-host the CSS files. Alternatives include Pico CSS, Bootstrap, Bulma, Tailwind CSS, and Open Props.