Aether — Deep Field Survey
Deep-space planetary survey — a planet parked below the fold scales past the viewport and you fall through into a scroll-scrubbed orbital flyover, with four worlds and hard wipes between.
Draftly — AI 3D Website Builder: Cinematic Scroll Websites from a Single Prompt
GALERIE DE PRESETSVersion Bêta
Meilleures Prévisualisations
Chaque preset est inspiré d'un vrai client Draftly
Volta — Electric Moped
Six-page light studio product site for an electric moped brand — floating UI cards, a scroll-scrubbed 360° turntable, an exploded parts sequence, a live finish picker and curtain-wiped page transitions.
The Obsidian Assembly
Warm editorial artefact archive — a display serif splits apart, artefact cards fly into the gap, then collapse into a scroll-driven stacked deck of seven objects before a full-bleed architectural close.
Vanta — Model 03 Nocturne
Cinematic automotive launch — a silk dust sheet lifts off the car under scroll, then a desert run where the car passes in front of and behind a wordmark the size of the screen.
Threshold — Six Worlds
A stone portal onto six worlds — the arch never moves while the world beyond it changes through an arch-shaped mask that opens inside the archway, then floods past the stone to full bleed.
Helix Mini — Micro-Drone
Product launch for an autonomous micro-drone — the product lands inside a sandwich of giant type, unfolds under scroll-scrub with annotated callouts, and the page inverts dark-to-light mid-scroll.
De notre communauté
Créateurs qui ont lancé avec des presets
De vraies personnes, de vrais lancements
"
🇮🇹 Italy
Our e-commerce store needed a landing page fast. Draftly nailed the brand feel. Sales converted from day one.
Isabella Rossi
Founder, Lumina Co.
"
🇮🇳 India
Draftly replaced a $4,000 agency quote with a 15-minute session. The result was honestly better.
Arjun Mehta
Startup Founder
"
🇮🇳 India
I built my restaurant's full site in under 10 minutes. Customers keep asking who designed it — I just say Draftly.
Priya Sharma
Restaurant Owner
drag
"
🇩🇪 Germany
Launched my SaaS landing page before the weekend was over. No agency, no templates, no HTML — just a prompt.
Lukas Becker
Indie Developer
"
🇬🇭 Ghana
My clients think I hired a design agency. I used a Draftly preset and swapped the copy. Done in an afternoon.
Amara Osei
Freelance Consultant
Use arrows or drag · auto-advances every 3s
Le Pipeline
De l'invite à la production
Décrivez-le. Regardez l'IA le construire. Chaque image de défilement est générée à partir de votre invite — aucun code, aucun modèle, aucune compétence en design n'est nécessaire.
01
Choisir un modèle
Partez d'une UI prête à l'emploi — personnalisez le contenu et les médias en quelques minutes.
02
Décrire
Décrivez-nous l'ambiance visuelle que vous souhaitez.
03
Générer
L'IA crée une image clé cinématique.
04
Animer
L'image devient une vidéo fluide de 8 secondes.
05
Construire
L'IA extrait des images pour un défilement 3D.
06
Déployer
Téléchargez un ZIP avec HTML, CSS, JS.
Zéro CodeVotre vidéo devient
Votre vidéo devient
une expérience de défilement
L'IA génère une vidéo cinématique, puis en extrait des centaines d'images. Au fur et à mesure que les visiteurs défilent, les images avancent, créant un effet de parallaxe 3D qui ressemble à un film.
Pas de WebGL, pas de Three.js, pas de code — juste un défilement natif du navigateur avec une interpolation d'images ultra-fluide. Fonctionne parfaitement sur tous les appareils et navigateurs.
Outils Pro
Conçu pour les sites web sérieux
Enchaînez des vidéos, téléchargez des images de produits, personnalisez chaque élément et téléchargez du code prêt pour la production.
Enchaînement multi-vidéo
Enchaînez plusieurs vidéos de bout en bout pour des animations de défilement plus longues. La première image de chaque vidéo reprend parfaitement la dernière.
Export Full-Stack
Téléchargez un ZIP avec un starter frontend + backend. Inclut l'API Express.
Édition itérative par chat
Discutez avec l'IA pour modifier le texte, déplacer des sections, ajuster les couleurs — en direct.
Injection de produits
Téléchargez des photos de produits et indiquez à l'IA où les placer directement en 3D.
FPS réglable
Faites glisser entre 10 et 40 FPS pour contrôler la densité des images et la vitesse de défilement.
Créez des sites web 3D
10x plus vite avec l'IA
Décrivez ce que vous voulez une seule fois. Draftly génère un mouvement cinématique, extrait des images et construit un site web 3D basé sur le défilement en quelques minutes — pas en jours. Téléchargez le ZIP et déployez.
400+
Images par site
~8s
Durée de la vidéo
10–40
FPS réglable
ZIP
Prêt à déployer