Hero3D

Um hero 3D pronto para produção em 5 minutos.

Digite um prompt, refine com suas palavras e cole uma linha de código. Sua landing page ganha um fundo 3D vivo, otimizado em tamanho e para 60fps.

tamanho otimizado · 60fps

Como funciona

Como funciona

Do prompt à publicação em três passos

1

1. Digite um prompt

"campo de partículas violeta para uma landing page escura de SaaS" — é só isso que você precisa informar.
2

2. Refine com suas palavras

"deixe mais lento, mude para índigo" — cada ajuste é um novo prompt.
3

3. Cole uma linha de código

<script async src="…/hero3d.js" data-scene="scn_XXXXXXXX"></script>

Antes / Depois

A mesma landing page, cinco minutos depois

Antes
A IA escreve a página. O hero continua estático.
Depois
Um prompt depois — o mesmo layout ganha vida. Sem redesign nem nova implementação.

O que você recebe

Duas semanas de trabalho para produção, já resolvidas

Bundle otimizado

Leve por design e medido a cada build.

60fps no celular

A qualidade se adapta a cada dispositivo.

Tema claro ou escuro

Acompanha o tema da página com uma transição suave.

Respeita a redução de movimento

Exibe uma imagem estática, nunca um hero vazio.

Fallback WebGL

Usa um gradiente CSS se o WebGL falhar, para manter a página funcionando.

Código que é seu

Sem editor, sem lock-in.

Integração

Uma linha. Qualquer tecnologia.

Uma linha de código renderiza a cena direto na sua página, sem iframe nem etapa extra de build. Usa React? O mesmo loader funciona como componente. Nos dois casos, a cena é entregue como uma configuração validada por schema, não como código gerado.

<script async src="https://hero3d.app/embed/v1/hero3d.js" data-scene="scn_XXXXXXXX"></script>

Templates

Dez templates, o mesmo limite de desempenho

Mais a caminho

Novos templates chegam continuamente — cada um passa pelos mesmos controles de orçamento, tema e fallback antes de aparecer aqui.

Os dez respeitam o mesmo limite de desempenho e oferecem os mesmos temas e fallbacks. Clique em um card para começar com o prompt correspondente.

Preços

Comece grátis. Pague quando for publicar.

Grátis

Grátis

$0para sempre

  • Embeds hospedados com um selo discreto
  • 10 créditos grátis por dia — 3 gerações
  • Qualidade total — 60fps, temas e mobile
Comece com um prompt

Pago

Pacote de créditos

$10recarga · 100 créditos por pacote

  • 100 créditos por pacote — 3 downloads mais 10 ajustes
  • Gerações com falha não são cobradas
  • Créditos nunca expiram · sem assinatura
Comprar créditos

1 geração = 3 créditos · 1 ajuste = 1 crédito · 1 download de cena = 30 créditos