Blocos prontos para copiar
Telas inteiras de SaaS montadas só com componentes do Aura UI. Teste ao vivo, troque o tema no topo da página e leve o arquivo completo com um clique.
Como usar
Cada bloco é um arquivo só, com dados de exemplo e estado de verdade. Instale os pacotes, configure o CSS como no guia de instalação e cole o arquivo em qualquer rota. O layout se adapta à largura do container, então o bloco funciona em página inteira ou dentro de um card.
pnpm add aura-ui-components aura-ui-core aura-ui-tailwind lucide-reactLogin
Tela dividida: depoimento sobre o gradiente da marca de um lado e, do outro, entrar com Google ou GitHub, e-mail, senha com mostrar/ocultar e validação.
Dashboard
Casca de app com sidebar recolhível, KPIs por período, gráfico de receita, rosca por forma de pagamento e tabela de cobranças recentes.
Configurações
Abas de perfil, alertas e segurança: formulário que percebe alterações, switches, sessões ativas e zona de perigo com confirmação digitada.
Landing page
Navbar com menu no celular, hero com captura de e-mail, nuvem de logos e grade de recursos, pronta para trocar a marca.
Preços
Três planos com alternância mensal/anual, plano em destaque, escolha do plano e perguntas frequentes em acordeão.
Checkout
Entrega, pagamento por Pix, cartão com parcelas ou boleto, e resumo do pedido com quantidades, frete e total recalculados na hora.
Equipe
Membros com busca, filtro por função, assentos usados, menu de ações para trocar a função ou remover e convite em diálogo.
Caixa de entrada
Lista com busca e filtro de não lidas, painel de leitura com arquivar, estrela e resposta. No celular, lista e leitura se alternam.
Precisa de outra tela?
Os blocos usam os mesmos componentes do catálogo. Monte a sua com eles ou peça ao seu assistente pelo servidor MCP do Aura.