Partez d'un préréglage époustouflant et modifiez-le sur place — ou construisez un site 3D immersif à défilement à partir d'une seule invite. Aucune connaissance WebGL. Aucun diplôme en design. Aucune invite interminable sur une toile vierge.
Choisissez un préréglage soigné, cliquez pour modifier le texte et les médias, et publiez sur un sous-domaine Draftly gratuit ou connectez votre propre DNS — le même flux de publication que le constructeur 3D.
Décrivez le site web que vous souhaitez — l'ambiance, le secteur, l'atmosphère — et Draftly assemble une expérience de défilement cinématique complète à partir de vos seuls mots.
Un pipeline en quatre étapes transforme un concept statique en huit secondes de mouvement cinématique, puis découpe ce mouvement en des centaines d'images que le navigateur peut lire instantanément.
Une fois votre premier site publié, le studio de nœuds est l'endroit où vous construisez votre deuxième site différemment. Connectez n'importe quel modèle d'IA, n'importe quel pipeline, n'importe quelle sortie.
Chaque événement de défilement fait avancer une image. Chaque image est pré-rendue. Le résultat ressemble à un film, fonctionne comme un site statique et est compatible avec un téléphone vieux de cinq ans.
Téléchargez un ZIP. Déployez sur Vercel, Netlify ou votre propre serveur. Draftly ne vous héberge pas, ne vous enferme pas et ne facture pas par visiteur. Le code vous appartient.
<!-- Draftly export · scroll-locked sequence --> <section class="hero" data-frames="240"> <div class="scroll-stage"> <canvas id="frame-canvas" /> <div class="overlay"> <h1>Built with Draftly</h1> </div> </div> </section> // 240 frames · 1.8MB total · LCP 1.2s
Les points d'arrêt Tailwind, les échelles de typographie fluides et les résolutions d'images adaptatives garantissent que votre site a l'apparence souhaitée sur un moniteur 4K et un téléphone de 360px.
Desktop · 1440px
Tablet · 768px
Mobile · 375px
Préréglages
Invite
Image
Vidéo
Images
Livrer
Héro · Fonctionnalités · Tarifs
Éditorial · Études de cas
Produit · Histoire · Panier
Manifeste · Travaux · Contact
| Draftly | Framer | Webflow | Spline | |
|---|---|---|---|---|
| Website presets gallery | ● 50+ templates | — | — | — |
| AI prompt-to-site | ● Full pipeline | Partial | — | — |
| 3D motion (no WebGL) | ● Native scroll | — | — | WebGL required |
| Code export | ● HTML/CSS/JS | Code components | Yes (paid) | React only |
| Hosting required | ● Optional | Bundled | Bundled | Bundled |
| Bring your own AI model | ● Yes | — | — | — |
| Entry price | ● $0 / $25 | $15 | $18 | $0 / $9 |
“Nous avons présenté un site de marque de 40 000 $ en utilisant une exportation Draftly. Le client pensait que nous avions engagé une équipe Three.js. Ce n'était pas le cas.
“Notre section héro prenait auparavant deux semaines à un designer. Maintenant, il suffit d'une invite et d'un expresso.
“Le code exporté est plus propre que ce que la plupart des agences livrent. Nous l'hébergeons nous-mêmes. Pas de verrouillage de plateforme.
Chrome, Safari, Firefox, Edge — deux dernières versions. Testé sur iOS 14+ et Android 9+.
Archive ZIP contenant HTML, CSS (Tailwind), JS, séquences d'images (WebP ou AVIF).
2–6 Mo par site, selon le nombre d'images et la résolution. Compression agressive.
Optionnel. 8 Go de VRAM minimum pour l'inférence IA locale. Prend en charge les clés Gemini et Fal.ai.
Plan Pro et supérieur. Points de terminaison REST pour la génération programmatique et les déclencheurs de pipeline.
LCP cible inférieur à 1,5s. Chargement paresseux des images. Qualité adaptative par connexion.
Décrivez ce que vous voulez. Draftly construit un site 3D défilant en quelques minutes. Abonnez-vous pour publier.