🚀 Biblioteca de Componentes
Explore componentes UI interativos, gere código e crie design systems consistentes.
⚡ Ações Rápidas
🎯 Galeria de Componentes
⚙️ Gerador de Código
Selecione um componente e gere código para diferentes frameworks
Selecione um componente para ver o preview
// Selecione um componente e framework para gerar o código♿ Teste de Acessibilidade
Verifique e melhore a acessibilidade dos seus componentes
🔍 Análise de Contraste
🏷️ Validador de HTML Semântico
📋 Checklist de Acessibilidade
❓ Perguntas Frequentes
Navigate através das abas para explorar componentes, gerar código para diferentes frameworks e testar acessibilidade. Você pode adicionar seus próprios componentes personalizados e todos os dados são salvos localmente.
Atualmente suportamos HTML/CSS/JS vanilla, React, Vue.js e Angular. O código gerado inclui as melhores práticas para cada framework.
Sim! Todos os componentes que você adiciona são salvos no localStorage do seu navegador e permanecerão disponíveis nas próximas visitas.
Oferecemos ferramentas para verificar contraste de cores, validar HTML semântico e um checklist completo de acessibilidade baseado nas diretrizes WCAG.
Sim, uma vez carregada, a aplicação funciona completamente offline. Todos os dados são armazenados localmente no seu dispositivo.