Lily'nin gerekçesi

Kendi tasarımınızdan başlayın

Ekibiniz ürününüzün nasıl görünmesi gerektiğini zaten biliyor. Lily tam olarak buradan başlar: doğru yapması gerçekten zor ve yeniden yapması pahalı olan parçaları sağlar — doğru anlamsal öğe, ARIA durumları, klavye sözleşmesi, odak yönetimi — ve her görsel kararı tamamen, keyifle size bırakır. CSS'iniz, ilk günden itibaren tasarım sisteminin görünümüdür.

Her bileşen kararlı bir sınıf kancası ve saf bir yapı taşıdığı için, biçimlendirmeniz her yükseltmede temiz biçimde sizin kalır — ve altındaki erişilebilirlik sürümden sürüme çalışmaya devam eder.

Lily'nin taahhütleri

• Varsayılan olarak erişilebilir. WCAG 2.2 AAA her bileşenin hedefidir. Desenler WAI-ARIA Authoring Practices'i izler; her etkileşimli bileşen belgelenmiş bir sözleşmeyle klavyeyle kullanılabilir; örnek uygulamalar temiz bir axe-core temel çizgisini korur.
• Yapısı gereği uluslararasılaştırılabilir. Kullanıcıya dönük her dize — her etiket, hata ve duyuru — çerçeveler arasında kararlı adlara sahip bir prop'tur; bu yüzden çeviri doğal biçimde akar. RTL ve çift yönlü metin, sizin dir değerinizden devralınır. Yerel ayara duyarlı bileşenler yerel ayarı prop olarak alır, her zaman açıkça.
• Tek katalog, sekiz çerçeve. Aynı 571 bileşen (536'sı yerel Web Components olarak), HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks ve Web Components'te aynı sınıf kancaları ve prop kurallarıyla. CSS'iniz ve ekibinizin bilgisi yığınlar arasında aktarılır.
• CSS stratejisinden bağımsız. Bileşen kökü başına tek bir kararlı kebab-case sınıf. Anlamsal CSS, Tailwind yardımcıları, CSS-in-JS veya hazır 57 temadan biri — Lily hepsini ağırlar ve zarifçe yolunuzdan çekilir.
• Ücretsiz, sonsuza dek, sizin şartlarınızla. BSD, MIT, Apache-2.0, GPL-2.0 veya GPL-3.0 arasından seçeceğiniz lisansla açık kaynak. Pro katman yok, koltuk lisansı yok, telemetri yok.

Önemli olan yerde derinlik

Alışıldık düğmelerin ve iletişim kutularının ötesinde, katalog çoğundan daha ileri gider:

• Kamu sektörü desenleri NHS UK, GOV.UK, USWDS ve ONS tasarım sistemlerinden araştırılmış — hata özetleri, uyarı kutuları, özet listeleri, aşama afişleri, atlama bağlantıları.
• 140 ulusal kişisel tanımlayıcı bileşeni 50'den fazla ülkede sağlık, ulusal kimlik, vergi ve pasaport tanımlayıcılarını kapsar; her biri biçimini ve doğrulama algoritmasını belgeler.
• Editoryal ve scrollytelling yapı taşları Reuters Graphics'ten uyarlanmıştır — makale düzenleri, kaydırıcılar, zaman çizelgeleri, karo haritalar.
• Seçici yardımcıları — tek bir etkileşimi baştan sona sahiplenen küçük paketler: tema değiştirme (çalışma zamanında stil sayfası yükleme ile), dil, metin boyutu, azaltılmış hareket, arama, sayfa bağlantıları, paylaşım ve tarih-saat girişi. Her biri bir açılır pencere açan başsız bir simge düğmesidir — yerel bir <select> değil — kalıcılık ve SSR güvenliği yerleşiktir.

Kamu sektörü için temalar, kutudan çıktığı gibi

Lily, doğrudan sınıf kancalarını hedefleyen 57 bağımsız başvuru teması sunar: NHS England, NHS Scotland ve NHS Wales (her biri hasta ve uygulayıcı sürümleriyle), GOV.UK, USWDS, Adobe Spectrum ve Mozilla Protocol'den esinlenen paletler ve genel amaçlı açık ve koyu temalar. Tek bir stil sayfası bağlayın, devlet düzeyinde bir görünüm açılır; theme-picker yardımcısı bunları çalışma zamanında değiştirir.

Lily nasıl karşılaştırılır

Diğer tasarım sistemleriyle dürüst, bileşen bileşen bir karşılaştırma tutuyoruz — biçimlendirilmiş ve başsız, ticari ve kamu sektörü. Başka bir kütüphane size daha uygunsa karşılaştırma bunu gösterecektir; Lily hepsinden öğrenir ve ilham kaynaklarını açıkça belirtir.

Arkasında kimler var

Lily; iş birliğini, yönlendirmeyi ve geri bildirimi memnuniyetle karşılayan genç, bağımsız bir açık kaynak projesidir — hikâye ve ilham kaynakları için Hakkında sayfasına bakın. Her şey — belirtim, testler, yol haritası, hatta denetim araçları — şurada herkese açıktır: github.com/LilyDesignSystem.

Lily'nin büyümesine yardım edin

Lily size yararlıysa yapabileceğiniz en değerli şeyler:

• Yıldız verin ve paylaşın. Ana depoya yıldız verin ve bir meslektaşınıza kataloğu gösterin — tanınırlık, genç bir projenin en kıt kaynağıdır.
• Bir şey geliştirin ve bize söyleyin. Gerçek dünya kullanım raporları — neyin işe yaradığı, neyin daha akıcı olabileceği — yol haritasını her şeyden çok şekillendirir.
• Erişilebilirliği denetleyin. Örnek uygulamalarda ekran okuyucu geçişleri (VoiceOver, NVDA, JAWS) altın değerindedir; bulduklarınızı bildirin.
• Bir tema veya çeviri katkısında bulunun. İkisi de kendi içinde tamamlanmış, kapsamı iyi belirlenmiş ilk katkılardır.
• Bulduklarınızı asgari bir yeniden üretimle paylaşın, GitHub deposunda veya şu adrese e-posta ile: joel@joelparkerhenderson.com.