Autenticaçãoblocos
Telas de login e cadastro. 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
Autenticação
7 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Login com ilustração
Login que mantém a ilustração fora do card e empilha botões de Google e Apple em largura total abaixo dele. React e Tailwind, conecte à sua rota.
- 02Pro
Cadastro com link mágico
Cadastro sem senha: um campo de e-mail, um botão de envio e a linha de termos. Marcação em React e Tailwind, aponte para seu servidor de e-mail.
- 03Pro
Card de login minimalista
Dois campos obrigatórios e um botão sobre fundo de cor lisa, sem provedores e sem JavaScript de cliente. React e Tailwind; adicione seu action e publique.
- 04Pro
Login com QR code
Painel de QR code escaneável ao lado do e-mail e senha de sempre, para um celular já logado autorizar o desktop. React e Tailwind, com botão de atualizar.
- 05Pro
Card de login com login social
Card de login em caixa com cabeçalho tingido, lembrar de mim, e botões de GitHub e Google abaixo do divisor. React e Tailwind, cabe em qualquer contêiner.
- 06Pro
Cadastro com senha e checklist
Cadastro cujas três regras de senha se marcam ao vivo enquanto você digita, com nome e consentimento. React e Tailwind; espelhe as regras no servidor.
- 07Pro
Login em tela dividida
Login cortado ao meio: provedores primeiro, e-mail e senha abaixo, arte em tela cheia à direita. React e Tailwind, troque pela sua própria imagem.