Every preset here is inspired by a real Draftly customer — their brief, their industry, their visual taste — shared with their consent so you can start from something proven. Pick one, make it yours, ship it.
Real people, real launches — shared with their consent.
Our e-commerce store needed a landing page fast. Draftly nailed the brand feel. Sales converted from day one.
Draftly replaced a $4,000 agency quote with a 15-minute session. The result was honestly better.
I built my restaurant's full site in under 10 minutes. Customers keep asking who designed it — I just say Draftly.
Launched my SaaS landing page before the weekend was over. No agency, no templates, no HTML — just a prompt.
My clients think I hired a design agency. I used a Draftly preset and swapped the copy. Done in an afternoon.
Drag to explore · auto-advances
Seven cinematic 3D scroll starters — AI generates motion, extracts frames, and builds a scroll-synced site. Click Use This to open the builder with prompts pre-loaded.

utility-scroll.draftly.space
Click card to preview prompts

tripvault.draftly.space
Click card to preview prompts

shopnest.draftly.space
Click card to preview prompts

orbitcrm.draftly.space
Click card to preview prompts

syncbase.draftly.space
Click card to preview prompts

stackforge.draftly.space
Click card to preview prompts

visionforge.draftly.space
Click card to preview prompts
Use any template above — both prompts auto-load in the builder chat
Use a stunning preset and edit in place — or describe a 3D scroll site from scratch. AI generates motion, extracts frames, and ships production HTML without a long prompt.
Start from production-ready UI — customize copy and media in minutes.
Tell us the visual atmosphere you want.
AI creates a cinematic keyframe.
The image becomes a smooth 8s video.
AI extracts frames for a 3D scroll.
Download a ZIP with HTML, CSS, JS.
AI generates a cinematic video, then extracts hundreds of frames. As visitors scroll, the frames play forward — creating a 3D parallax effect that feels like a film.
No WebGL, no Three.js, no code — just native browser scroll with buttery-smooth frame interpolation. Works perfectly on every device and browser.
Presets give you polished UI instantly; the 3D builder adds cinematic scroll on top. Chain videos, swap media, layer elements over frames, and export production-ready code.
Chain multiple videos end-to-end for longer scroll animations. First frame of each picks up perfectly from the last.
Download a ZIP with frontend + backend starter. Includes Express API.
Chat with AI to change copy, move sections, adjust colors — live.
Upload product photos and tell AI where to place them directly in 3D.
Slide between 10–40 FPS to control frame density and scroll speed.
Describe what you want once. Draftly generates cinematic motion, extracts frames, and builds a scroll-driven 3D website in minutes — not days. Download the ZIP and ship.