Tentang 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

Versi singkat

Skeletonic Stylus adalah pustaka CSS Stylus sumber terbuka untuk penataan UI yang aksesibel, cepat, dan modular.

Lahir pada 2018 sebagai eksperimen pribadi dalam mengirimkan lebih sedikit CSS tanpa mengorbankan ergonomi pustaka komponen sesungguhnya. Delapan tahun kemudian, tujuannya tidak berubah.

Yang Anda dapatkan

Secepat kilat

Desain dan sesuaikan antarmuka responsif dalam hitungan menit. Variabel CSS native, kelas predefinisi, grid 12 kolom untuk setiap elemen HTML semantik.

Ringan

8,3 KB gzipped. Halaman dimuat lebih cepat. Setiap blok bangunan esensial tetap ada.

Desain responsif

Dirancang untuk desktop dan perangkat seluler. Tata letak menyesuaikan perangkat apa pun. Dioptimalkan untuk sentuhan, HTML semantik menyeluruh.

Aksesibilitas

WCAG 2.2 sudah terintegrasi: cincin focus-visible, kontras AA, pembantu skip-link, komponen ramah keyboard, dukungan reduced-motion — tanpa stylesheet tambahan, tanpa boilerplate aria-*.

Pustaka komponen

Komponen CSS modular dan mixin Stylus. Tombol, formulir, kartu, peringatan, badge, palet, dan animasi — bersih, modular, siap pakai.

Gratis & sumber terbuka

Dirancang, dibangun, dan dipelihara oleh Sebastien Rousseau. Berlisensi ganda di bawah MIT atau Apache 2.0. Tanpa biaya, tanpa biaya lisensi, termasuk untuk penggunaan komersial.

Perbandingan

Satu stylesheet mandiri mencakup tipografi, tombol, formulir, kartu, tabel, palet, animasi, dan kelas utilitas. Tanpa JavaScript. Tanpa langkah build yang diperlukan. Tanpa dependensi peer terhadap Bootstrap, Tailwind, atau Bulma.

Data table table
Fitur	Skeletonic Stylus	Bootstrap 5	Tailwind CSS	Bulma
Ukuran gzipped	8,3 KB	~30 KB	~10 KB (varies)	~30 KB
Kesesuaian WCAG 2.2	Bawaan	Sebagian	Manual	Sebagian
Cascade layers	Ya (`@layer`)	Tidak	Tidak	Tidak
Mode gelap	`prefers-color-scheme`	Opsional	Berbasis kelas	Opsional
JavaScript diperlukan	Tidak	Ya (Popper)	Tidak	Tidak
CycloneDX SBOM	Ya	Tidak	Tidak	Tidak
Reduced-motion	Dihormati	Sebagian	Manual	Sebagian
Lisensi	MIT atau Apache 2.0	MIT	MIT	MIT

Prinsip

Aksesibilitas adalah fondasi, bukan tambahan. Kesesuaian WCAG 2.2 tertanam di setiap komponen, tidak pernah ditempelkan sebagai "tema".
Setiap byte penting. Satu stylesheet yang dikirimkan tidak boleh membengkakkan anggaran berat halaman. Batas 8 KB gzipped ditegakkan di CI.
Cascade layers mengalahkan perang spesifisitas. Timpa apa pun dengan percaya diri — tanpa !important, tanpa trik urutan DOM.
Stylus tetap bagus. Ringkas, ekspresif, dan memungkinkan pustaka tetap dalam ~3.000 baris yang mudah dibaca.
Membosankan itu fitur. Tanpa dependensi JS. Tanpa sihir build-time. Tanpa perubahan nama yang merusak. Kelas CSS yang melakukan persis seperti namanya.
Dapat disesuaikan dalam hitungan detik. CSS custom properties native untuk warna, spasi, tipografi, dan radius.
Rantai pasokan yang diperkuat. Provenance npm yang ditandatangani. Pembaruan Dependabot yang dikunci. CVE-2023-44270 dipatch melalui overrides.

Versioning & semver

Skeletonic Stylus mengikuti Semantic Versioning 2.0.

Data table table
Level	Kapan	Contoh
Major	Menghapus atau mengganti nama kelas publik, mixin, atau token	1.x → 2.0
Minor	Menambahkan komponen, mixin, atau token baru	1.1 → 1.2
Patch	Perbaikan bug, penyempurnaan a11y, performa, keamanan	1.1.6 → 2.0.0

Semua nama kelas publik, semua CSS custom properties, dan semua mixin Stylus yang diekspor adalah bagian dari API publik. Perubahan yang merusak mendapat bump major dan panduan migrasi.

Pengelolaan

Skeletonic Stylus dirancang, dibangun, dan dipelihara oleh Sebastien Rousseau. Berlisensi ganda di bawah MIT dan Apache 2.0.

Isu, ide, dan kontribusi dipersilakan — lihat panduan kontribusi.