Voltar para projetos
Nova UI System
Design system acessível e tipado para React e React Native
ReactReact NativeTypeScriptTailwindRadix UIStorybook
Contexto
O time de produto estava perdendo velocidade criando os mesmos componentes repetidamente em produtos diferentes.
O Desafio
Falta de padronização visual, problemas de contraste e componentes não acessíveis a leitores de tela.
Solução
Desenvolvemos a biblioteca Nova UI com Radix e Tailwind. Integramos Tokens de Design via style-dictionary e criamos documentação em Storybook.
Aprendizados
Aprender as nuances de WAI-ARIA e a criar APIs de componentes flexíveis (Compound Components).