Ultra rapide
Concevoir et personnaliser des interfaces responsives en quelques minutes. Variables CSS natives, classes prédéfinies, grille 12 colonnes couvrant chaque élément HTML sémantique.
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
En bref
Skeletonic Stylus est une bibliothèque CSS Stylus open source conçue pour rendre le stylage d'interfaces accessible, rapide et modulaire.
Née en 2018 comme expérience personnelle pour livrer moins de CSS sans renoncer à l'ergonomie d'une vraie bibliothèque de composants. Huit ans plus tard, l'objectif reste le même.
Ce qu'elle vous apporte
Léger
8,3 Ko gzippé. Les pages chargent plus vite. Chaque brique essentielle reste incluse.
Design responsive
Conçu pour le bureau et le mobile. Les mises en page s'adaptent à tout appareil. Optimisé pour le tactile, HTML sémantique partout.
Accessibilité
WCAG 2.2 intégré : anneaux focus-visible, contraste AA, liens d'évitement, composants navigables au clavier, support du mouvement réduit — sans feuille de style supplémentaire, sans boilerplate aria-*.
Bibliothèque de composants
Composants CSS modulaires et mixins Stylus. Boutons, formulaires, cartes, alertes, badges, palettes et animations — propres, modulaires, prêts à intégrer.
Gratuit et open source
Conçu, développé et maintenu par Sebastien Rousseau. Double licence MIT ou Apache 2.0. Aucun frais, même pour un usage commercial.
Comparaison
Une seule feuille de style auto-hébergée couvre la typographie, les boutons, les formulaires, les cartes, les tableaux, les palettes, les animations et les classes utilitaires. Zéro JavaScript. Aucune étape de build requise. Aucune dépendance pair sur Bootstrap, Tailwind ou Bulma.
| Fonctionnalité | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Taille gzippée | 8,3 Ko | ~30 Ko | ~10 Ko JIT | ~30 Ko |
| Conformité WCAG 2.2 | Intégrée | Partielle | Manuelle | Partielle |
| Couches de cascade | Oui (@layer) |
Non | Non | Non |
| Mode sombre | prefers-color-scheme |
Opt-in | Classe | Opt-in |
| JavaScript requis | Non | Oui (Popper) | Non | Non |
| SBOM CycloneDX | Oui | Non | Non | Non |
| Mouvement réduit | Respecté | Partiel | Manuel | Partiel |
| Licence | MIT ou Apache 2.0 | MIT | MIT | MIT |
Principes
- L'accessibilité est le plancher, pas le plafond. La conformité WCAG 2.2 est intégrée à chaque composant, jamais boulonnée après coup comme un « thème ».
- Chaque octet compte. Une seule feuille de style livrée ne doit pas exploser votre budget de poids de page. Le plafond de 8 Ko gzippé est appliqué en CI.
- Les couches de cascade battent les guerres de spécificité.
Surcharger quoi que ce soit en confiance — pas de
!important, pas d'astuces d'ordre DOM. - Stylus reste pertinent. Concis, expressif, et permet à la bibliothèque de tenir en ~3 000 lignes lisibles.
- L'ennui est une fonctionnalité. Aucune dépendance JS. Aucune magie au build. Aucun renommage cassant. Des classes CSS qui font exactement ce qu'elles annoncent.
- Personnalisable en quelques secondes. Propriétés personnalisées CSS natives pour les couleurs, l'espacement, la typographie et les rayons.
- Chaîne d'approvisionnement renforcée. Provenance npm signée. Mises à jour Dependabot épinglées. CVE-2023-44270 corrigée via overrides.
Versionnement et semver
Skeletonic Stylus suit le Versionnement Sémantique 2.0.
| Incrément | Quand | Exemple |
|---|---|---|
| Majeur | Suppression ou renommage d'une classe, mixin ou jeton public | 1.x → 2.0 |
| Mineur | Ajout d'un nouveau composant, mixin ou jeton | 1.1 → 1.2 |
| Patch | Corrections de bogues, polish a11y, performance, sécurité | 1.1.6 → 2.0.0 |
Tous les noms de classe publics, toutes les propriétés personnalisées CSS et tous les mixins Stylus exportés font partie de l'API publique. Un changement incompatible entraîne un incrément majeur et un guide de migration.
Gouvernance
Skeletonic Stylus est conçu, développé et maintenu par Sebastien Rousseau. Double licence MIT et Apache 2.0.
Problèmes, idées et contributions sont les bienvenus — consulter le guide de contribution.