Contatoblocos
Formulários de contato e seções de informação. 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
Contato
8 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Formulário de contato em caixa
Nome, e-mail e mensagem numa caixa com borda, acima de tiles de endereço, telefone e e-mail, em coluna estreita. Encaixa em qualquer página.
- 02Pro
Formulário de contato colaborativo
Cinco botões sociais circulares e um e-mail ao lado de um formulário com tipo de projeto e orçamento. Aponte os ícones para seus perfis.
- 03Pro
Contato com formulário de projeto
E-mail, telefone e endereço têm largura igual ao lado de um briefing de seis campos cujos selects de escopo compartilham um fieldset.
- 04Pro
Formulário de contato com mapa
Mapa ilustrado com pills de telefone e endereço ao lado de um formulário curto e cards de chat ao vivo e FAQ. Desvie os chamados fáceis.
- 05Pro
Consulta de projeto freelance
Metade da faixa neutra explica o que acontece depois do envio, ao lado de um formulário de cinco campos em React e Tailwind com orçamento e tipo.
- 06Pro
Painel de contato em destaque
Faixa full-width na cor da marca divide a página em duas: ilustração, canais de contato e formulário de seis campos. Recolorir em pares.
- 07Pro
Card de contato ilustrado
Foto recortada ancora um painel vibrante enquanto o formulário de três campos mantém seu próprio card branco. Peça nome, e-mail e uma nota.
- 08Pro
Formulário com canais de suporte
Cards de chat ao vivo e central de atendimento vêm primeiro, depois um formulário que separa nome e e-mail da mensagem. Deixe o chat pegar o resto.