Hero3D

Un hero 3D listo para producción en 5 minutos.

Escribe un prompt, afínalo con tus palabras y pega una línea de código. Tu landing tendrá un fondo 3D vivo, optimizado en tamaño y para 60fps.

tamaño optimizado · 60fps

Cómo funciona

Cómo funciona

Del prompt a producción en tres pasos

1

1. Escribe un prompt

"campo de partículas violetas para una landing SaaS oscura" — es todo lo que necesitas indicar.
2

2. Afínalo con tus palabras

"hazlo más lento, pásalo a índigo" — cada cambio es otro prompt.
3

3. Pega una línea de código

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

Antes / Después

La misma landing, cinco minutos más tarde

Antes
La IA escribe la página. El hero sigue siendo estático.
Después
Un prompt después: el mismo diseño cobra vida. Sin rediseñar ni volver a compilar.

Lo que obtienes

Dos semanas de trabajo para producción, ya resueltas

Bundle optimizado

Ligero por diseño y medido en cada build.

60fps en móviles

La calidad se adapta a cada dispositivo.

Claro/oscuro automático

Sigue el tema de la página con una transición fluida.

Respeta el movimiento reducido

Muestra una imagen fija, nunca un hero vacío.

Fallback de WebGL

Usa un degradado CSS si WebGL falla, para que tu página siga funcionando.

Código que es tuyo

Sin editor, sin lock-in.

Integración

Una línea. Cualquier tecnología.

Una línea de código renderiza la escena directamente en tu página, sin iframe ni pasos de compilación. ¿Usas React? El mismo loader funciona como componente. En ambos casos, la escena se entrega como una configuración validada por schema, no como código generado.

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

Plantillas

Diez plantillas, el mismo presupuesto de rendimiento

Más en camino

Añadimos plantillas continuamente — cada una pasa primero los mismos controles de presupuesto, tema y respaldo antes de aparecer aquí.

Las diez respetan el mismo presupuesto de rendimiento y admiten los mismos temas y fallbacks. Haz clic en una tarjeta para partir de su prompt.

Precios

Empieza gratis. Paga cuando vayas a publicar.

Gratis

Gratis

$0para siempre

  • Embeds alojados con una insignia pequeña
  • 10 créditos gratis al día — 3 generaciones
  • Calidad completa — 60fps, temas y móvil
Empieza con un prompt

De pago

Pack de créditos

$10recarga · 100 créditos por pack

  • 100 créditos por pack — 3 descargas más 10 ajustes
  • Las generaciones fallidas no se cobran
  • Los créditos no caducan · sin suscripción
Comprar créditos

1 generación = 3 créditos · 1 ajuste = 1 crédito · 1 descarga de escena = 30 créditos