Hero3D

Un hero 3D prêt pour la production en 5 minutes.

Décrivez votre idée, affinez-la avec vos mots, puis collez une ligne de code. Votre landing page accueille un fond 3D vivant, optimisé pour la taille et 60fps.

taille optimisée · 60fps

Comment ça marche

Comment ça marche

Du prompt à la mise en ligne en trois étapes

1

1. Décrivez votre idée

"champ de particules violettes pour une landing SaaS sombre" — c'est la seule information à fournir.
2

2. Affinez-la avec vos mots

"plus lent, plutôt indigo" — chaque modification est un nouveau prompt.
3

3. Collez une ligne de code

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

Avant / Après

La même landing page, cinq minutes plus tard

Avant
L'IA écrit la page. Le hero reste statique.
Après
Un prompt plus tard — la même mise en page prend vie. Sans refonte ni nouvelle intégration.

Ce que vous obtenez

Deux semaines de travail de mise en production, déjà prises en charge

Bundle optimisé

Conçu pour rester léger et mesuré à chaque build.

60fps sur mobile

La qualité s'adapte à chaque appareil.

Thème clair ou sombre

Suit le thème de la page avec une transition fluide.

Mouvements réduits

Affiche une image fixe plutôt qu'un hero vide.

Fallback WebGL

Passe à un dégradé CSS si WebGL échoue, pour que votre page reste fonctionnelle.

Du code qui vous appartient

Pas d'éditeur, pas de lock-in.

Intégration

Une ligne. Quelle que soit votre stack.

Une ligne de code suffit pour afficher la scène directement dans votre page — sans iframe ni étape de build. Vous utilisez React ? Le même loader s'emploie comme composant. Dans les deux cas, la scène est livrée sous forme de configuration validée par schéma, et non de code généré.

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

Templates

Dix templates, un même budget de performance

D'autres arrivent

De nouveaux templates arrivent en continu — chacun passe d'abord les mêmes contrôles de budget, de thème et de repli avant d'apparaître ici.

Les dix respectent le même budget de performance et prennent en charge les mêmes thèmes et fallbacks. Cliquez sur une carte pour partir de son prompt.

Tarifs

Commencez gratuitement. Payez au moment de publier.

Gratuit

Gratuit

$0à vie

  • Embeds hébergés avec un petit badge
  • 10 crédits gratuits par jour — 3 générations
  • Qualité complète — 60fps, thèmes et mobile
Commencer par un prompt

Payant

Pack de crédits

$10recharge · 100 crédits par pack

  • 100 crédits par pack — 3 téléchargements + 10 retouches
  • Les générations échouées ne sont pas facturées
  • Les crédits n'expirent jamais · sans abonnement
Acheter des crédits

1 génération = 3 crédits · 1 retouche = 1 crédit · 1 téléchargement de scène = 30 crédits