Hujah untuk Lily

Mulakan daripada reka bentuk anda

Pasukan anda sudah tahu bagaimana produk anda patut kelihatan. Lily bermula tepat di situ: ia menyediakan bahagian yang benar-benar sukar dilakukan dengan betul dan mahal untuk diulang — elemen semantik yang betul, keadaan ARIA, kontrak papan kekunci, pengurusan fokus — dan menyerahkan setiap keputusan visual sepenuhnya, dengan penuh gembira, kepada anda. CSS anda ialah rupa sistem reka bentuk itu, dari hari pertama.

Kerana setiap komponen membawa cangkuk kelas yang stabil dan struktur tulen, gaya anda kekal milik anda sepenuhnya melalui setiap naik taraf — dan kebolehcapaian di bawahnya terus berfungsi, versi demi versi.

Apa yang Lily berikrar

• Mudah diakses secara lalai. WCAG 2.2 AAA ialah sasaran bagi setiap komponen. Corak mengikuti WAI-ARIA Authoring Practices; setiap komponen interaktif boleh dikendalikan dengan papan kekunci mengikut kontrak yang didokumenkan; aplikasi contoh mengekalkan garis dasar axe-core yang bersih.
• Boleh diantarabangsakan mengikut reka bentuk. Setiap rentetan yang dilihat pengguna — setiap label, ralat dan pengumuman — ialah prop dengan nama stabil merentas rangka kerja, jadi terjemahan mengalir secara semula jadi. RTL dan teks dwiarah diwarisi daripada diranda. Komponen yang peka lokal menerima lokal sebagai prop, sentiasa secara eksplisit.
• Satu katalog, lapan rangka kerja. 571 komponen yang sama (536 sebagai Web Components natif) dengan cangkuk kelas dan konvensyen prop yang sama dalam HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks dan Web Components. CSS anda dan pengetahuan pasukan anda berpindah merentas tindanan.
• Tidak terikat strategi CSS. Satu kelas kebab-case yang stabil bagi setiap akar komponen. CSS semantik, utiliti Tailwind, CSS-in-JS, atau salah satu daripada 57 tema siap pakai — Lily menyambut kesemuanya dan mengelak daripada menghalang dengan anggun.
• Percuma, selama-lamanya, mengikut syarat anda. Sumber terbuka di bawah pilihan lesen anda: BSD, MIT, Apache-2.0, GPL-2.0 atau GPL-3.0. Tiada peringkat pro, tiada lesen kerusi, tiada telemetri.

Kedalaman di tempat yang penting

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

• Corak sektor awam dikaji daripada sistem reka bentuk NHS UK, GOV.UK, USWDS dan ONS — ringkasan ralat, kotak amaran, senarai ringkasan, sepanduk fasa, pautan langkau.
• 140 komponen pengecam peribadi kebangsaan meliputi pengecam kesihatan, kad pengenalan kebangsaan, cukai dan pasport di lebih 50 negara, masing-masing mendokumenkan format dan algoritma pengesahannya.
• Primitif editorial dan scrollytelling disesuaikan daripada Reuters Graphics — susun atur artikel, penatal, garis masa, peta jubin.
• Pembantu pemilih — pakej kecil yang memiliki satu interaksi dari awal hingga akhir: penukaran tema (dengan pemuatan helaian gaya semasa runtime), bahasa, saiz teks, gerakan dikurangkan, carian, pautan halaman, perkongsian dan kemasukan tarikh-masa. Setiap satu ialah butang ikon tanpa kepala yang membuka popup — bukan natif <select> — dengan kegigihan dan keselamatan SSR terbina dalam.

Tema untuk sektor awam, terus siap pakai

Lily disertakan dengan 57 tema rujukan kendiri yang menyasarkan cangkuk kelasnya secara langsung: NHS England, NHS Scotland dan NHS Wales (masing-masing dalam varian untuk pesakit dan pengamal), GOV.UK, USWDS, palet yang diilhamkan Adobe Spectrum dan Mozilla Protocol, serta satu set tema cerah dan gelap serba guna. Pautkan satu helaian gaya dan rupa bertaraf kerajaan terpasang; pembantu theme-picker menukarnya semasa runtime.

Bagaimana Lily berbanding

Kami menyimpan perbandingan jujur, komponen demi komponen, dengan sistem reka bentuk lain — yang digayakan dan tanpa kepala, komersial dan sektor awam. Jika perpustakaan lain lebih sesuai untuk anda, perbandingan itu akan menunjukkannya; Lily belajar daripada semuanya dan menyebut inspirasinya secara terbuka.

Siapa di sebaliknya

Lily ialah projek sumber terbuka bebas yang masih muda dan mengalu-alukan kerjasama, bimbingan dan maklum balas — lihat Perihal untuk kisah dan inspirasinya. Segala-galanya — spesifikasi, ujian, peta jalan, malah alat audit — terbuka di github.com/LilyDesignSystem.

Bantu Lily berkembang

Jika Lily berguna kepada anda, perkara paling bernilai yang boleh anda lakukan:

• Beri bintang dan kongsikan. Beri bintang pada repo utama dan tunjukkan kepada rakan sekerja katalog — kesedaran ialah sumber paling terhad yang dimiliki projek muda.
• Bina sesuatu dan beritahu kami. Laporan penggunaan dunia sebenar — apa yang berjaya, apa yang boleh dilancarkan — membentuk peta jalan lebih daripada apa-apa yang lain.
• Audit kebolehcapaian. Lulus pembaca skrin (VoiceOver, NVDA, JAWS) pada aplikasi contoh adalah sangat bernilai; failkan apa yang anda temui.
• Sumbangkan tema atau terjemahan. Kedua-duanya ialah sumbangan pertama yang berdikari dan berskop baik.
• Kongsikan apa yang anda temui, dengan pengeluaran semula minimum, di repositori GitHub, atau e-mel kepada joel@joelparkerhenderson.com.