Interfaces com profundidade, prontas para produção.
Componentes React acessíveis, efeitos 3D em CSS, cenas WebGL e 33 temas — para Tailwind CSS v4, com uma versão React Native que fala a mesma língua.
- Componentes
- 0
- Efeitos
- 0
- Temas
- 0
- Nativos
- 0
Componentes em ação
Nada de print: são as mesmas demos das páginas de componente, rodando aqui. Troque o tema no topo e veja tudo acompanhar.
Bonito por padrão, maleável quando precisa
Variantes prontas para 90% dos casos; className, asChild e tokens para os outros 10%.
Profundidade de verdade
Sombras em camadas, vidro, relevo e 3D em CSS. Cards que inclinam, aurora, beams e spotlight — sem WebGL.
Acessível
Radix por baixo: teclado, foco e ARIA corretos. Animações respeitam reduced motion.
33 temas
Troque com um atributo. Claro, escuro e temas com superfície própria.
Server Components
Interativos já com "use client" — use direto no App Router.
Pacote ou código
Instale do npm ou copie o fonte com o CLI, no modelo shadcn.
Do zero ao primeiro componente em 2 minutos
Funciona com Next.js, Vite ou qualquer React com Tailwind CSS v4.
- 1Instale
bash pnpm add aura-ui-components aura-ui-tailwind - 2Importe o CSS
css @import "aura-ui-tailwind"; @import "aura-ui-components/tailwind.css"; - 3Use
tsx import { Button } from "aura-ui-components/button"; <Button variant="gradient">Começar</Button>
33 temas, um atributo
Clique e o site inteiro muda — inclusive as demos de React Native. No seu app: data-theme no <html>.
Lançamento do app
Sprint 14 · faltam 3 tarefas para a versão 2.0
- Onboarding novo
- Modo escuro no app
- Pagamentos com Pix
Web, mobile e IA com o mesmo design
Os mesmos tokens e temas no React, no React Native e nas telas que o seu assistente de IA gera.
3D opcional
aura-ui-three: hero 3D pronto com React Three Fiber, carregado só se você importar.
Guia de 3D →Pronto para IA
O servidor MCP entrega catálogo, código e setup para Claude, Cursor e VS Code. A skill ensina as regras do design system.
claude mcp add aura-ui -- npx -y aura-ui-mcp@latestComece a construir hoje
MIT, sem cadastro. Instale o pacote, escolha um tema e monte a sua primeira tela.