Les arguments en faveur de Lily

Partez de votre design

Votre équipe sait déjà à quoi doit ressembler votre produit. Lily part exactement de là : elle fournit ce qui est vraiment difficile à réussir et coûteux à refaire — le bon élément sémantique, les états ARIA, le contrat clavier, la gestion du focus — et laisse chaque décision visuelle entièrement, joyeusement, à vous. Votre CSS est l'apparence du système de conception, dès le premier jour.

Comme chaque composant porte une classe d'accroche stable et une structure pure, votre mise en forme reste la vôtre à chaque mise à jour — et l'accessibilité qui se trouve dessous continue de fonctionner, version après version.

Les engagements de Lily

• Accessible par défaut. WCAG 2.2 AAA est l'objectif pour chaque composant. Les motifs suivent les pratiques de conception WAI-ARIA ; tout composant interactif est utilisable au clavier selon un contrat documenté ; les applications d'exemple conservent une base axe-core propre.
• Internationalisable par construction. Chaque chaîne visible par l'utilisateur — chaque libellé, erreur et annonce — est une propriété aux noms stables d'un framework à l'autre, ce qui rend la traduction naturelle. Le texte de droite à gauche et bidirectionnel hérite de votre dir. Les composants sensibles à la langue reçoivent la locale en propriété, toujours de façon explicite.
• Un catalogue, huit frameworks. Les mêmes 571 composants (536 en Web Components natifs) avec les mêmes classes d'accroche et conventions de propriétés en HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks et Web Components. Votre CSS et les connaissances de votre équipe se transposent d'une technologie à l'autre.
• Indifférent à la stratégie CSS. Une classe stable en kebab-case par racine de composant. CSS sémantique, utilitaires Tailwind, CSS-in-JS ou l'un des 45 thèmes prêts à l'emploi : Lily les accueille tous et reste discrètement en retrait.
• Gratuit, pour toujours, à vos conditions. Open source sous la licence de votre choix : BSD, MIT, Apache-2.0, GPL-2.0 ou GPL-3.0. Pas d'offre payante, pas de licence par poste, pas de télémétrie.

De la profondeur là où ça compte

Au-delà des boutons et boîtes de dialogue habituels, le catalogue va plus loin que la plupart :

• Des motifs du secteur public étudiés à partir des systèmes de conception de NHS UK, GOV.UK, USWDS et ONS — récapitulatifs d'erreurs, encadrés d'avertissement, listes récapitulatives, bandeaux de phase, liens d'évitement.
• 140 composants d'identifiants personnels nationaux couvrant les identifiants de santé, d'identité nationale, fiscaux et de passeport dans plus de 50 pays, chacun documentant son format et son algorithme de validation.
• Des primitives éditoriales et de scrollytelling adaptées de Reuters Graphics — mises en page d'article, défileurs, chronologies, cartes en tuiles.
• Des assistants de sélection — de petits paquets qui gèrent une interaction de bout en bout : changement de thème (avec chargement de feuille de style à l'exécution), langue, taille du texte, réduction des animations, recherche, liens de pages, partage et saisie de date et d'heure. Chacun est un bouton à icône headless qui ouvre une fenêtre contextuelle — et non un <select> natif — avec persistance et compatibilité SSR intégrées.

Des thèmes pour le secteur public, prêts à l'emploi

Lily fournit 45 thèmes de référence autonomes qui ciblent directement ses classes d'accroche : NHS England, NHS Scotland et NHS Wales (chacun en variantes pour les patients et pour les praticiens), GOV.UK, USWDS, des palettes inspirées d'Adobe Spectrum et de Mozilla Protocol, et un ensemble de thèmes clairs et sombres d'usage général. Liez une feuille de style et un rendu de niveau gouvernemental est en place ; l'assistant theme-picker permet d'en changer à l'exécution.

Comment Lily se compare

Nous tenons à jour une comparaison honnête, composant par composant, avec d'autres systèmes de conception — stylés et headless, commerciaux et du secteur public. Si une autre bibliothèque vous convient mieux, la comparaison le montrera ; Lily apprend de toutes et cite ouvertement ses sources d'inspiration.

Qui est derrière Lily

Lily est un jeune projet open source indépendant qui accueille la collaboration, les conseils et les retours — voir À propos pour son histoire et ses inspirations. Tout — la spécification, les tests, la feuille de route, jusqu'aux outils d'audit — est public sur github.com/LilyDesignSystem.

Aidez Lily à grandir

Si Lily vous est utile, voici ce que vous pouvez faire de plus précieux :

• Mettre une étoile et partager. Mettez une étoile au dépôt principal et montrez le catalogue à un collègue — la notoriété est la ressource la plus rare d'un jeune projet.
• Construire quelque chose et nous le dire. Les retours d'usage réel — ce qui a marché, ce qui pourrait être plus fluide — orientent la feuille de route plus que tout.
• Auditer l'accessibilité. Des essais avec lecteur d'écran (VoiceOver, NVDA, JAWS) sur les applications d'exemple sont précieux ; signalez ce que vous trouvez.
• Contribuer un thème ou une traduction. Ce sont deux premières contributions autonomes et bien délimitées.
• Partager ce que vous trouvez, avec un cas reproductible minimal, sur le dépôt concerné, ou écrire à joel@joelparkerhenderson.com.