Velocissimo
Progetta e personalizza interfacce responsive in pochi minuti. Variabili CSS native, classi predefinite, una griglia a 12 colonne per ogni elemento HTML semantico.
Translation note (2026-04-30). v2.0.0 adds RTL support and a refreshed 2026 framework comparison. The English source is the canonical reference while these translations catch up. See https://skeletonic.io/about/ · https://skeletonic.io/components/ · https://skeletonic.io/benchmarks/.
- Version
- 2.0.0
- Gzip
- 7.7 KB
- Brotli
- 6.7 KB
- License
- MIT or Apache-2.0
- Standard
- WCAG 2.2 AA
In breve
Skeletonic Stylus e una libreria CSS Stylus open source per uno styling UI accessibile, veloce e modulare.
Nata nel 2018 come esperimento personale per distribuire meno CSS senza rinunciare all'ergonomia di una vera libreria di componenti. Otto anni dopo, l'obiettivo non e cambiato.
Cosa offre
Leggero
8,3 KB gzipped. Le pagine si caricano piu velocemente. Ogni elemento essenziale e incluso.
Design responsive
Realizzato per desktop e dispositivi mobili. I layout si adattano a qualsiasi dispositivo. Ottimizzato per il touch, HTML semantico in tutto il progetto.
Accessibilita
WCAG 2.2 integrato: anelli focus-visible, contrasto AA, helper skip-link, componenti navigabili da tastiera, supporto per il movimento ridotto — nessun foglio di stile aggiuntivo, nessun boilerplate aria-*.
Libreria di componenti
Componenti CSS modulari e mixin Stylus. Pulsanti, form, card, alert, badge, palette e animazioni — puliti, modulari, pronti all'uso.
Gratuito & open source
Progettato, sviluppato e mantenuto da Sebastien Rousseau. Doppia licenza MIT o Apache 2.0. Nessun costo, nessuna spesa di licenza, anche per uso commerciale.
Confronto con le alternative
Un unico foglio di stile self-hosted copre tipografia, pulsanti, form, card, tabelle, palette, animazioni e classi utility. Nessun JavaScript. Nessun build step richiesto. Nessuna dipendenza da Bootstrap, Tailwind o Bulma.
| Caratteristica | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Dimensione gzipped | 8,3 KB | ~30 KB | ~10 KB (varies) | ~30 KB |
| Conformita WCAG 2.2 | Integrata | Parziale | Manuale | Parziale |
| Cascade layers | Si (@layer) |
No | No | No |
| Modalita scura | prefers-color-scheme |
Opt-in | Basata su classi | Opt-in |
| JavaScript richiesto | No | Si (Popper) | No | No |
| CycloneDX SBOM | Si | No | No | No |
| Movimento ridotto | Rispettato | Parziale | Manuale | Parziale |
| Licenza | MIT o Apache 2.0 | MIT | MIT | MIT |
Principi
- L'accessibilita e il punto di partenza, non il traguardo. La conformita WCAG 2.2 e integrata in ogni componente, mai aggiunta come "tema" opzionale.
- Ogni byte conta. Un singolo foglio di stile distribuito non deve sforare il budget di peso della pagina. Il limite di 8 KB gzipped e imposto nella CI.
- I cascade layer battono le guerre di specificita. Sovrascrivi qualsiasi cosa con sicurezza — nessun
!important, nessun trucco sull'ordine del DOM. - Stylus e ancora valido. Conciso, espressivo e permette di mantenere la libreria in ~3.000 righe leggibili.
- La semplicita e una feature. Nessuna dipendenza JS. Nessuna magia in fase di build. Nessuna rinomina che rompe la compatibilita. Classi CSS che fanno esattamente quello che dicono.
- Personalizzabile in pochi secondi. Proprieta CSS custom native per colori, spaziature, tipografia e raggi.
- Supply chain blindata. Provenienza npm firmata. Aggiornamenti Dependabot bloccati. CVE-2023-44270 corretta tramite override.
Versionamento & semver
Skeletonic Stylus segue il Semantic Versioning 2.0.
| Livello | Quando | Esempio |
|---|---|---|
| Major | Rimozione o rinomina di una classe pubblica, mixin o token | 1.x → 2.0 |
| Minor | Aggiunta di un nuovo componente, mixin o token | 1.1 → 1.2 |
| Patch | Correzioni di bug, miglioramenti a11y, performance, sicurezza | 1.1.6 → 2.0.0 |
Tutti i nomi di classe pubblici, tutte le proprieta CSS custom e tutti i mixin Stylus esportati fanno parte dell'API pubblica. Una modifica che rompe la compatibilita comporta un major bump e una guida alla migrazione.
Gestione del progetto
Skeletonic Stylus e progettato, sviluppato e mantenuto da Sebastien Rousseau. Doppia licenza MIT e Apache 2.0.
Segnalazioni, idee e contributi sono benvenuti — consulta la guida per contribuire.