Argumentele pentru Lily

Pornește de la designul tău

Echipa ta știe deja cum ar trebui să arate produsul. Lily pornește exact de acolo: oferă părțile care sunt cu adevărat greu de făcut corect și costisitoare de refăcut — elementul semantic corect, stările ARIA, contractul tastaturii, gestionarea focalizării — și lasă fiecare decizie vizuală în întregime, cu bucurie, în seama ta. CSS-ul tău este aspectul sistemului de design din prima zi.

Pentru că fiecare componentă are un cârlig de clasă stabil și o structură pură, stilizarea ta rămâne curat a ta la fiecare actualizare — iar accesibilitatea de dedesubt continuă să funcționeze, versiune după versiune.

La ce se angajează Lily

• Accesibil implicit. WCAG 2.2 AAA este ținta pentru fiecare componentă. Modelele urmează WAI-ARIA Authoring Practices; fiecare componentă interactivă poate fi folosită de la tastatură printr-un contract documentat; aplicațiile-exemplu mențin o linie de bază axe-core curată.
• Internaționalizabil prin construcție. Fiecare șir vizibil utilizatorului — fiecare etichetă, eroare și anunț — este o proprietate cu nume stabile în toate framework-urile, așa că traducerea curge firesc. RTL și textul bidirecțional moștenesc de la dirtău. Componentele sensibile la limbă primesc limba ca proprietate, mereu explicit.
• Un catalog, opt framework-uri. Aceleași 571 de componente (536 ca Web Components native) cu aceleași cârlige de clasă și convenții de proprietăți în HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks și Web Components. CSS-ul tău și cunoștințele echipei se transferă între stack-uri.
• Independent de strategia CSS. O clasă stabilă în kebab-case pe rădăcina fiecărei componente. CSS semantic, utilitare Tailwind, CSS-in-JS sau una dintre cele 57 de teme gata făcute — Lily le primește pe toate și se retrage elegant din drum.
• Gratuit, pentru totdeauna, în termenii tăi. Open source sub licența ta preferată: BSD, MIT, Apache-2.0, GPL-2.0 sau GPL-3.0. Fără nivel pro, fără licențe pe loc, fără telemetrie.

Profunzime acolo unde contează

Dincolo de butoanele și dialogurile obișnuite, catalogul ajunge mai departe decât majoritatea:

• Modele pentru sectorul public cercetate din sistemele de design ale NHS UK, GOV.UK, USWDS și ONS — rezumate de erori, casete de avertizare, liste-rezumat, bannere de fază, linkuri de salt.
• 140 de componente pentru identificatori personali naționali care acoperă identificatori medicali, de carte de identitate, fiscali și de pașaport din peste 50 de țări, fiecare documentându-și formatul și algoritmul de validare.
• Elemente de bază pentru conținut editorial și scrollytelling adaptate de la Reuters Graphics — machete de articole, derulatoare, cronologii, hărți din plăci.
• Ajutoare pentru selectoare — pachete mici care dețin o interacțiune de la un capăt la altul: schimbarea temei (cu încărcarea foii de stil la rulare), limba, dimensiunea textului, mișcarea redusă, căutarea, linkurile de pagină, partajarea și introducerea datei și orei. Fiecare este un buton-pictogramă headless care deschide o fereastră pop-up — nu un <select> nativ — cu persistență și siguranță SSR încorporate.

Teme pentru sectorul public, direct din cutie

Lily include 57 de teme de referință independente care țintesc direct cârligele sale de clasă: NHS England, NHS Scotland și NHS Wales (fiecare în variante pentru pacienți și pentru practicieni), GOV.UK, USWDS, palete inspirate de Adobe Spectrum și Mozilla Protocol și un set de teme generale, luminoase și întunecate. Leagă o singură foaie de stil și un aspect de nivel guvernamental este activ; ajutorul theme-picker le schimbă la rulare.

Cum se compară Lily

Menținem o comparație cinstită cu alte sisteme de design , componentă cu componentă — stilizate și headless, comerciale și din sectorul public. Acolo unde o altă bibliotecă ți se potrivește mai bine, comparația o va arăta; Lily învață de la toate și își citează deschis sursele de inspirație.

Cine se află în spate

Lily este un proiect open source tânăr, independent, care primește cu drag colaborare, îndrumare și feedback — vezi Despre pentru poveste și surse de inspirație. Totul — specificația, testele, foaia de parcurs, chiar și instrumentele de audit — este deschis la github.com/LilyDesignSystem.

Ajută Lily să crească

Dacă Lily îți este de folos, cele mai valoroase lucruri pe care le poți face sunt:

• Dă o stea și distribuie. Dă o stea depozitului principal și arată unui coleg catalogul — notorietatea este cea mai rară resursă a unui proiect tânăr.
• Construiește ceva și spune-ne. Rapoartele de utilizare din lumea reală — ce a mers, ce ar putea fi mai fluid — modelează foaia de parcurs mai mult decât orice altceva.
• Auditează accesibilitatea. Parcurgerile cu cititoare de ecran (VoiceOver, NVDA, JAWS) pe aplicațiile-exemplu valorează aur; raportează ce găsești.
• Contribuie cu o temă sau o traducere. Ambele sunt prime contribuții autonome, bine delimitate.
• Împărtășește ce găsești, cu o reproducere minimă, în depozitul GitHub sau trimite un e-mail la joel@joelparkerhenderson.com.