Rapiditate fulgerătoare
Proiectează și personalizează interfețe responsive în câteva minute. Variabile CSS native, clase predefinite, un grid de 12 coloane pentru orice element HTML semantic.
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
Pe scurt
Skeletonic Stylus este o bibliotecă CSS Stylus open-source pentru stilizare UI accesibilă, rapidă și modulară.
Născută în 2018 ca experiment personal în livrarea unui volum minim de CSS — fără a renunța la ergonomia unei biblioteci reale de componente. Opt ani mai târziu, obiectivul rămâne neschimbat.
Ce oferă
Ușoară
8,3 KB gzipped. Paginile se încarcă mai repede. Toate blocurile esențiale sunt incluse.
Design responsive
Realizată pentru desktop și mobil. Layout-urile se adaptează la orice dispozitiv. Optimizată pentru touch, HTML semantic peste tot.
Accesibilitate
WCAG 2.2 integrat: inele focus-visible, contrast AA, helpere skip-link, componente prietenoase cu tastatura, suport pentru mișcare redusă — fără stylesheet suplimentar, fără boilerplate aria-*.
Bibliotecă de componente
Componente CSS modulare și mixin-uri Stylus. Butoane, formulare, carduri, alerte, badge-uri, palete și animații — curate, modulare, gata de utilizat.
Gratuită & open source
Proiectată, dezvoltată și întreținută de Sebastien Rousseau. Licență duală sub MIT sau Apache 2.0. Fără taxe, fără costuri de licențiere, inclusiv pentru uz comercial.
Comparație cu alternativele
Un singur stylesheet auto-găzduit acoperă tipografia, butoanele, formularele, cardurile, tabelele, paletele, animațiile și clasele utilitare. Fără JavaScript. Fără pas de build obligatoriu. Fără dependențe peer de Bootstrap, Tailwind sau Bulma.
| Funcționalitate | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Dimensiune gzipped | 8,3 KB | ~30 KB | ~10 KB (varies) | ~30 KB |
| Conformitate WCAG 2.2 | Integrată | Parțial | Manual | Parțial |
| Cascade layers | Da (@layer) |
Nu | Nu | Nu |
| Mod întunecat | prefers-color-scheme |
Opt-in | Bazat pe clase | Opt-in |
| JavaScript necesar | Nu | Da (Popper) | Nu | Nu |
| CycloneDX SBOM | Da | Nu | Nu | Nu |
| Mișcare redusă | Respectată | Parțial | Manual | Parțial |
| Licență | MIT sau Apache 2.0 | MIT | MIT | MIT |
Principii
- Accesibilitatea este baza, nu opționalul. Conformitatea WCAG 2.2 este integrată în fiecare componentă, nu adăugată ulterior ca „temă".
- Fiecare octet contează. Un singur stylesheet livrat nu trebuie să depășească bugetul de greutate al paginii. Limita de 8 KB gzipped este impusă în CI.
- Cascade layers bat războaiele de specificitate. Suprascrie orice cu încredere — fără
!important, fără trucuri cu ordinea DOM. - Stylus este încă o alegere excelentă. Concis, expresiv și permite bibliotecii să se mențină în ~3.000 de linii lizibile.
- Previzibilul este o virtute. Fără dependențe JS. Fără magie la build. Fără redenumiri disruptive. Clase CSS care fac exact ceea ce spune numele lor.
- Personalizabil în secunde. Proprietăți CSS native personalizate pentru culori, spațiere, tipografie și raze.
- Lanț de aprovizionare securizat. Proveniență npm semnată. Actualizări Dependabot fixate. CVE-2023-44270 rezolvat prin overrides.
Versionare & semver
Skeletonic Stylus urmează Semantic Versioning 2.0.
| Nivel | Când | Exemplu |
|---|---|---|
| Major | Eliminarea sau redenumirea unei clase publice, a unui mixin sau token | 1.x → 2.0 |
| Minor | Adăugarea unei componente, a unui mixin sau token nou | 1.1 → 1.2 |
| Patch | Remedieri de erori, rafinări a11y, performanță, securitate | 1.1.6 → 2.0.0 |
Toate numele de clase publice, toate proprietățile CSS personalizate și toate mixin-urile Stylus exportate fac parte din API-ul public. O modificare disruptivă primește un bump major și un ghid de migrare.
Administrare
Skeletonic Stylus este proiectată, dezvoltată și întreținută de Sebastien Rousseau. Licență duală sub MIT și Apache 2.0.
Problemele, ideile și contribuțiile sunt binevenite — consultă ghidul de contribuție.