Os argumentos a favor da Lily

Comece pelo seu design

Sua equipe já sabe como o produto deve parecer. A Lily parte exatamente daí: ela fornece o que é realmente difícil de acertar e caro de refazer — o elemento semântico correto, os estados ARIA, o contrato de teclado, o gerenciamento de foco — e deixa cada decisão visual inteiramente, alegremente, com você. O seu CSS é a aparência do sistema de design, desde o primeiro dia.

Como cada componente traz uma classe de gancho estável e estrutura pura, a sua estilização continua sendo sua a cada atualização — e a acessibilidade por baixo continua funcionando, versão após versão.

Com o que a Lily se compromete

• Acessível por padrão. A WCAG 2.2 AAA é a meta de cada componente. Os padrões seguem as Práticas de Criação WAI-ARIA; todo componente interativo é operável por teclado com um contrato documentado; os aplicativos de exemplo mantêm uma linha de base limpa no axe-core.
• Internacionalizável por construção. Cada texto visível ao usuário — cada rótulo, erro e anúncio — é uma propriedade com nomes estáveis entre os frameworks, de modo que a tradução flui naturalmente. Texto da direita para a esquerda e bidirecional herdam do seu dir. Componentes sensíveis ao idioma recebem a localidade como propriedade, sempre de forma explícita.
• Um catálogo, oito frameworks. Os mesmos 571 componentes (536 como Web Components nativos) com as mesmas classes de gancho e convenções de propriedades em HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks e Web Components. Seu CSS e o conhecimento da sua equipe se transferem entre tecnologias.
• Indiferente à estratégia de CSS. Uma classe estável em kebab-case por raiz de componente. CSS semântico, utilitários do Tailwind, CSS-in-JS ou um dos 45 temas prontos: a Lily recebe todos e fica discretamente fora do caminho.
• Grátis, para sempre, nos seus termos. Código aberto com a licença de sua escolha entre BSD, MIT, Apache-2.0, GPL-2.0 ou GPL-3.0. Sem plano pago, sem licenças por usuário, sem telemetria.

Profundidade onde importa

Além dos botões e diálogos de sempre, o catálogo vai mais longe do que a maioria:

• Padrões do setor público pesquisados nos sistemas de design da NHS UK, GOV.UK, USWDS e ONS — resumos de erros, avisos de alerta, listas de resumo, faixas de fase, links de salto.
• 140 componentes de identificadores pessoais nacionais que abrangem identificadores de saúde, documento nacional, fiscais e de passaporte em mais de 50 países, cada um documentando seu formato e seu algoritmo de validação.
• Primitivas editoriais e de scrollytelling adaptadas da Reuters Graphics — layouts de artigo, roladores, linhas do tempo, mapas de blocos.
• Assistentes de seleção — pequenos pacotes que cuidam de uma interação de ponta a ponta: troca de tema (com carregamento de folha de estilo em tempo de execução), idioma, tamanho do texto, redução de movimento, busca, links de páginas, compartilhamento e entrada de data e hora. Cada um é um botão de ícone headless que abre um popup — não um <select> nativo — com persistência e segurança para SSR embutidas.

Temas para o setor público, prontos para usar

A Lily traz 45 temas de referência independentes que miram diretamente suas classes de gancho: NHS England, NHS Scotland e NHS Wales (cada um em variantes para pacientes e para profissionais), GOV.UK, USWDS, paletas inspiradas no Adobe Spectrum e no Mozilla Protocol, e um conjunto de temas claros e escuros de uso geral. Vincule uma folha de estilo e uma aparência de nível governamental está pronta; o assistente theme-picker troca de tema em tempo de execução.

Como a Lily se compara

Mantemos uma comparação honesta, componente por componente, com outros sistemas de design — com e sem estilo, headless, comerciais e do setor público. Quando outra biblioteca for mais adequada para você, a comparação mostrará; a Lily aprende com todas e cita suas inspirações abertamente.

Quem está por trás

A Lily é um projeto de código aberto jovem e independente, que recebe colaboração, orientação e comentários — veja Sobre para conhecer a história e as inspirações. Tudo — a especificação, os testes, o roteiro, até as ferramentas de auditoria — está aberto em github.com/LilyDesignSystem.

Ajude a Lily a crescer

Se a Lily é útil para você, o mais valioso que você pode fazer é:

• Dar uma estrela e compartilhar. Dê uma estrela no repositório principal e mostre o catálogo a um colega — visibilidade é o recurso mais escasso de um projeto jovem.
• Construir algo e nos contar. Relatos de uso real — o que funcionou, o que poderia ser mais fluido — moldam o roteiro mais do que qualquer outra coisa.
• Auditar a acessibilidade. Testes com leitores de tela (VoiceOver, NVDA, JAWS) nos aplicativos de exemplo valem ouro; registre o que encontrar.
• Contribuir com um tema ou uma tradução. Ambas são primeiras contribuições independentes e bem delimitadas.
• Compartilhar o que encontrar, com um caso reproduzível mínimo, no repositório correspondente, ou escrever para joel@joelparkerhenderson.com.