Alasan memilih Lily

Mulai dari desain Anda

Tim Anda sudah tahu seperti apa produk Anda seharusnya terlihat. Lily berangkat dari titik itu: ia menyediakan bagian yang benar-benar sulit dibuat dengan tepat dan mahal untuk diulang — elemen semantik yang benar, status ARIA, kontrak papan ketik, pengelolaan fokus — dan menyerahkan setiap keputusan visual sepenuhnya, dengan gembira, kepada Anda. CSS Anda adalah tampilan sistem desain itu, sejak hari pertama.

Karena setiap komponen membawa kelas pengait yang stabil dan struktur murni, penataan Anda tetap milik Anda di setiap pembaruan — dan aksesibilitas di bawahnya terus berfungsi, versi demi versi.

Komitmen Lily

• Aksesibel secara bawaan. WCAG 2.2 AAA adalah target untuk setiap komponen. Polanya mengikuti Praktik Penyusunan WAI-ARIA; setiap komponen interaktif dapat dioperasikan dengan papan ketik berdasarkan kontrak yang terdokumentasi; aplikasi contoh mempertahankan garis dasar axe-core yang bersih.
• Dapat diinternasionalisasi sejak dirancang. Setiap teks yang tampil bagi pengguna — setiap label, galat, dan pengumuman — adalah properti dengan nama yang stabil di semua framework, sehingga penerjemahan mengalir dengan alami. Teks kanan-ke-kiri dan dua arah mewarisi dari dir Anda. Komponen yang peka lokal menerima lokal sebagai properti, selalu secara eksplisit.
• Satu katalog, delapan framework. 571 komponen yang sama (536 sebagai Web Components native) dengan kelas pengait dan konvensi properti yang sama di HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks, dan Web Components. CSS dan pengetahuan tim Anda berpindah dengan mulus antartumpukan teknologi.
• Tidak terikat strategi CSS. Satu kelas kebab-case yang stabil untuk setiap akar komponen. CSS semantik, utilitas Tailwind, CSS-in-JS, atau salah satu dari 45 tema siap pakai — Lily menyambut semuanya dan dengan sopan tidak menghalangi.
• Gratis, selamanya, dengan syarat dari Anda. Sumber terbuka dengan lisensi pilihan Anda: BSD, MIT, Apache-2.0, GPL-2.0, atau GPL-3.0. Tanpa tingkat berbayar, tanpa lisensi per pengguna, tanpa telemetri.

Kedalaman di tempat yang penting

Selain tombol dan dialog yang biasa, katalog ini menjangkau lebih jauh daripada kebanyakan:

• Pola sektor publik yang diteliti dari sistem desain NHS UK, GOV.UK, USWDS, dan ONS — ringkasan galat, kotak peringatan, daftar ringkasan, spanduk fase, tautan lompat.
• 140 komponen pengenal pribadi nasional yang mencakup pengenal layanan kesehatan, kartu identitas nasional, pajak, dan paspor di lebih dari 50 negara, masing-masing mendokumentasikan format dan algoritme validasinya.
• Elemen dasar editorial dan scrollytelling yang diadaptasi dari Reuters Graphics — tata letak artikel, penggulir, lini masa, peta ubin.
• Asisten pemilih — paket kecil yang memegang satu interaksi dari awal hingga akhir: pergantian tema (dengan pemuatan stylesheet saat runtime), bahasa, ukuran teks, pengurangan gerak, pencarian, tautan halaman, berbagi, dan input tanggal-waktu. Masing-masing adalah tombol ikon headless yang membuka popup — bukan <select> native — dengan persistensi dan keamanan SSR bawaan.

Tema untuk sektor publik, siap pakai

Lily menyertakan 45 tema acuan mandiri yang menargetkan langsung kelas pengaitnya: NHS England, NHS Scotland, dan NHS Wales (masing-masing dalam varian untuk pasien dan untuk praktisi), GOV.UK, USWDS, palet yang terinspirasi Adobe Spectrum dan Mozilla Protocol, serta sekumpulan tema terang dan gelap serbaguna. Tautkan satu stylesheet dan tampilan setingkat pemerintah langsung aktif; asisten theme-picker menggantinya saat runtime.

Perbandingan Lily

Kami menyusun perbandingan jujur, komponen demi komponen, dengan sistem desain lain — yang bertema dan headless, komersial dan sektor publik. Jika pustaka lain lebih cocok untuk Anda, perbandingan itu akan menunjukkannya; Lily belajar dari semuanya dan mencantumkan inspirasinya secara terbuka.

Siapa di baliknya

Lily adalah proyek sumber terbuka independen yang masih muda dan menyambut kolaborasi, bimbingan, dan masukan — lihat Tentang untuk kisah dan inspirasinya. Semuanya — spesifikasi, pengujian, peta jalan, bahkan perangkat audit — terbuka di github.com/LilyDesignSystem.

Bantu Lily berkembang

Jika Lily berguna bagi Anda, hal paling berharga yang dapat Anda lakukan:

• Beri bintang dan bagikan. Beri bintang pada repositori utama dan tunjukkan katalog kepada rekan — kesadaran adalah sumber daya paling langka bagi proyek yang masih muda.
• Bangun sesuatu dan beri tahu kami. Laporan penggunaan nyata — apa yang berhasil, apa yang bisa lebih mulus — membentuk peta jalan lebih dari apa pun.
• Audit aksesibilitas. Pengujian dengan pembaca layar (VoiceOver, NVDA, JAWS) pada aplikasi contoh sangat berharga; laporkan temuan Anda.
• Sumbangkan tema atau terjemahan. Keduanya merupakan kontribusi pertama yang mandiri dan terbatas ruang lingkupnya.
• Bagikan temuan Anda, dengan reproduksi minimal, di repositori terkait, atau kirim surel ke joel@joelparkerhenderson.com.