Skeletonic Stylus

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

W skrocie

Skeletonic Stylus to biblioteka CSS open source oparta na Stylus do dostepnego, szybkiego i modularnego stylowania interfejsow.

Powstala w 2018 roku jako osobisty eksperyment w dostarczaniu mniej CSS — bez rezygnacji z ergonomii prawdziwej biblioteki komponentow. Osiem lat pozniej cel pozostaje niezmienny.

Co oferuje

Blyskawica

Blyskawicznie szybki

Projektuj i dostosowuj responsywne interfejsy w kilka minut. Natywne zmienne CSS, predefiniowane klasy, siatka 12-kolumnowa obejmujaca kazdy semantyczny element HTML.

Pioro

Lekki

8,3 KB gzipped. Strony laduja sie szybciej. Wszystkie niezbedne bloki konstrukcyjne pozostaja na miejscu.

Urzadzenia responsywne

Responsywny design

Stworzony z mysla o komputerach i urzadzeniach mobilnych. Uklady dostosowuja sie do kazdego urzadzenia. Zoptymalizowany pod dotyk, semantyczny HTML na wskros.

Dostepnosc

Dostepnosc

WCAG 2.2 wbudowany: pierscienie focus-visible, kontrast AA, helpery skip-link, komponenty przyjazne klawiaturze, obsluga ograniczonego ruchu — bez dodatkowego arkusza stylow, bez szablonowego aria-*.

Bloki komponentow

Biblioteka komponentow

Modularne komponenty CSS i mixiny Stylus. Przyciski, formularze, karty, alerty, odznaki, palety i animacje — czyste, modularne, gotowe do uzycia.

Logo GitHub

Darmowy & open source

Zaprojektowany, zbudowany i utrzymywany przez Sebastien Rousseau. Podwojna licencja: MIT lub Apache 2.0. Bez oplat, bez kosztow licencyjnych, nawet do uzytku komercyjnego.

Porownanie z alternatywami

Jeden, samodzielnie hostowany arkusz stylow obejmuje typografie, przyciski, formularze, karty, tabele, palety, animacje i klasy narzediowe. Bez JavaScript. Bez wymaganego kroku budowania. Bez zaleznosci peer od Bootstrap, Tailwind czy Bulma.

Funkcja Skeletonic Stylus Bootstrap 5 Tailwind CSS Bulma
Rozmiar gzipped 8,3 KB ~30 KB ~10 KB (varies) ~30 KB
Zgodnosc z WCAG 2.2 Wbudowana Czesciowa Reczna Czesciowa
Warstwy kaskadowe Tak (@layer) Nie Nie Nie
Tryb ciemny prefers-color-scheme Opt-in Na bazie klas Opt-in
Wymagany JavaScript Nie Tak (Popper) Nie Nie
CycloneDX SBOM Tak Nie Nie Nie
Ograniczony ruch Respektowany Czesciowo Recznie Czesciowo
Licencja MIT lub Apache 2.0 MIT MIT MIT

Zasady

  1. Dostepnosc to fundament, nie nadbudowa. Zgodnosc z WCAG 2.2 jest wbudowana w kazdy komponent, nigdy nie dokladana jako „motyw".
  2. Kazdy bajt ma znaczenie. Pojedynczy dostarczony arkusz stylow nie powinien przekraczac budzetu rozmiaru strony. Limit 8 KB gzipped jest egzekwowany w CI.
  3. Warstwy kaskadowe wygrywaja z wojnami specyficznosci. Nadpisuj cokolwiek z pewnoscia — bez !important, bez trikow z kolejnoscia DOM.
  4. Stylus wciaz jest dobry. Zwiezly, ekspresyjny i pozwala utrzymac biblioteke w ~3000 czytelnych linii.
  5. Nudziarstwo to zaleta. Brak zaleznosci JS. Brak magii na etapie budowania. Brak lamianych zmian nazw. Klasy CSS, ktore robia dokladnie to, co mowia.
  6. Dostosowalny w sekundy. Natywne CSS custom properties dla kolorow, odstepow, typografii i zaokraglen.
  7. Utwardzony lancuch dostaw. Podpisane provenance npm. Przypiete aktualizacje Dependabot. CVE-2023-44270 poprawione przez overrides.

Wersjonowanie & semver

Skeletonic Stylus stosuje Semantic Versioning 2.0.

Poziom Kiedy Przyklad
Major Usuniecie lub zmiana nazwy publicznej klasy, mixinu lub tokenu 1.x → 2.0
Minor Dodanie nowego komponentu, mixinu lub tokenu 1.1 → 1.2
Patch Poprawki bledow, polerowanie a11y, wydajnosc, bezpieczenstwo 1.1.6 → 2.0.0

Wszystkie publiczne nazwy klas, wszystkie CSS custom properties i wszystkie eksportowane mixiny Stylus sa czescia publicznego API. Lamaca zmiana otrzymuje major bump i przewodnik migracji.

Opieka nad projektem

Skeletonic Stylus jest projektowany, budowany i utrzymywany przez Sebastien Rousseau. Podwojna licencja: MIT i Apache 2.0.

Zgloszenia, pomysly i wklad mile widziane — zobacz przewodnik wspolpracy.