Onboardingblocos
Fluxos de onboarding e telas de boas-vindas. Blocos de UI React prontos para usar, com visual neobrutalista — heroes, preços, autenticação, dashboards e mais. Veja em qualquer tamanho de tela, copie o código ou instale pelo seu agente de IA com o nosso servidor MCP. Funciona com Radix UI, Base UI e React Aria.
- Hero, preços e auth
- Visualizar todos os pontos de interrupção
- Copie o código-fonte
- MCP pronto para instalação
- Radix · Base UI · React Aria
- 158 blocos pré-fabricados
- Seções da página que são enviadas
- Painéis e marketing
- Pro desbloqueia o código
- Layouts de encaixe
Explore todos os layouts
Onboarding
6 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Formulário de perfil da empresa
Etapa de onboarding com um seletor de logo que mostra a prévia do arquivo no lugar, ao lado de nome, site e descrição. React e Tailwind, envia multipart.
- 02Pro
Grade de integrações a conectar
Nove cartões de integração cujos botões de conectar giram e viram um badge Conectado, com um contador acima. React e Tailwind; troque o stub por OAuth.
- 03Pro
Assistente de configuração em 4 etapas
Trilha numerada com Voltar e Próximo, e inputs ocultos para que respostas fora de tela ainda sejam enviadas. React e Tailwind para o primeiro uso.
- 04Pro
Painel de convite de equipe
Painel de convite completo: formulário de e-mail validado, lista de pendentes com reenviar e cancelar, e lista de membros. React e Tailwind.
- 05Pro
Formulário de perfil pessoal
Etapa de perfil com chips tocáveis, radios de verdade para função e experiência, e oito checkboxes de interesse. React e Tailwind, com teclado funcionando.
- 06Pro
Etapas verticais de onboarding
Quatro linhas empilhadas que se expandem no lugar para ler à frente, com marcadores de check e um Continuar nomeando a próxima etapa. React e Tailwind.