Seções heroblocos
Seções hero de destaque para as suas landing pages. 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
Seções hero
8 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Hero de agência com recorte
Um nome de marca gigante com sombra deslocada lidera este painel escuro em React e Tailwind, acima de avatares e um recorte no canto. Venda o estúdio.
- 02Pro
Hero de anúncio
Grade de papel milimetrado com máscara atrás de um título de lançamento centralizado, sublinhado ondulado e dois botões. React e Tailwind, sem imagem.
- 03Pro
Hero de portfólio centralizado
Um retrato recortado em faixa larga encosta na régua inferior, abaixo de uma saudação centralizada e uma palavra inclinada. Um botão React e Tailwind.
- 04Pro
Hero de designer com prova
Um retrato recortado lidera o painel, e a contagem de clientes divide a linha com o botão, em um hero em primeira pessoa. Venda uma pessoa, não uma logo.
- 05Pro
Hero de newsletter por e-mail
Um único campo de e-mail rotulado e um botão Assinar são a única ação, ao lado da prova de assinantes e um aviãozinho de papel. React e Tailwind.
- 06Pro
Hero de lançamento de produto
Um bloco com borda e rotação fica atrás da foto do produto como um adesivo, ao lado de um selo e botões de compra e demonstração. React e Tailwind.
- 07Pro
Hero de portfólio dividido
Texto e foto recortada ficam lado a lado para o trabalho continuar acima da dobra, com uma palavra inclinada e um botão. React e Tailwind, peça uma coisa.
- 08Pro
Hero SaaS dividido
Um log de build com quatro etapas e tempos preenche o painel em vez de uma captura de tela, ao lado de um selo e dois botões. React e Tailwind.