PRESET GALERIEBeta-Version
Beste Vorlagen
Jedes Preset ist von einem echten Draftly-Kunden inspiriert
Aus unserer Community
Builder die mit Presets gestartet sind
Echte Menschen, echte Launches
"
🇮🇹 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
Drag to explore · auto-advances
3D Scroll Templates
Immersive scroll-reactive websites
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.
Premium / Scroll
Meridian — Cinematic scroll
utility-scroll.draftly.space
Scroll theatreValues deckTexture
Click card to preview prompts
Mobile App
TripVault — Travel App
tripvault.draftly.space
TravelSaaSBlue Sky
Click card to preview prompts
Ecommerce
Shopnest — Ecommerce
shopnest.draftly.space
EcommercePastel3D Objects
Click card to preview prompts
SaaS / CRM
OrbitCRM — Agency CRM
orbitcrm.draftly.space
AgencyGlass UINature BG
Click card to preview prompts
Productivity
SyncBase — Team Collaboration
syncbase.draftly.space
ProductivityKanbanLight UI
Click card to preview prompts
Developer Tool
StackForge — Dev Platform
stackforge.draftly.space
Dev ToolsDarkGrid World
Click card to preview prompts
AI Platform
VisionForge — AI Video
visionforge.draftly.space
AIVideoCinematic
Click card to preview prompts
Open 3D Website Builder
Use any template above — both prompts auto-load in the builder chat
Die Pipeline
Vom Prompt zur Produktion
Beschreiben Sie es. Sehen Sie zu, wie die KI es baut. Jeder Scroll-Frame wird aus Ihrem Prompt generiert — kein Code, keine Vorlagen, keine Designkenntnisse erforderlich.
01
Vorlage auswählen
Beginnen Sie mit einer produktionsreifen Benutzeroberfläche — passen Sie Texte und Medien in wenigen Minuten an.
02
Beschreiben
Sagen Sie uns, welche visuelle Atmosphäre Sie möchten.
03
Generieren
Die KI erstellt einen filmreifen Keyframe.
04
Animieren
Das Bild wird zu einem flüssigen 8-Sekunden-Video.
05
Aufbauen
Die KI extrahiert Frames für einen 3D-Scroll.
06
Veröffentlichen
ZIP mit HTML, CSS, JS herunterladen.
Kein CodeIhr Video wird zu
Ihr Video wird zu
einem Scroll-Erlebnis
Die KI generiert ein filmreifes Video und extrahiert dann Hunderte von Frames. Wenn Besucher scrollen, spielen die Frames vorwärts ab — was einen 3D-Parallax-Effekt erzeugt, der sich wie ein Film anfühlt.
Kein WebGL, kein Three.js, kein Code — nur nativer Browser-Scroll mit butterweicher Frame-Interpolation. Funktioniert perfekt auf jedem Gerät und Browser.
Scrollen zum Animieren
Frames werden extrahiert400 / 400
Profi-Tools
Gebaut für ernsthafte Websites
Videos verketten, Produktbilder hochladen, jedes Element anpassen und produktionsreifen Code herunterladen.
Multi-Video-Fortsetzung
Verketten Sie mehrere Videos hintereinander für längere Scroll-Animationen. Der erste Frame jedes Videos schließt nahtlos an den letzten an.
Full-Stack-Export
ZIP mit Frontend + Backend-Starter herunterladen. Enthält Express API.
Iteratives Chat-Bearbeiten
Mit KI chatten, um Texte zu ändern, Abschnitte zu verschieben, Farben anzupassen — live.
Produkt-Integration
Produktfotos hochladen und der KI sagen, wo sie direkt in 3D platziert werden sollen.
Einstellbare FPS
Zwischen 10 und 40 FPS schieben, um Frame-Dichte und Scroll-Geschwindigkeit zu steuern.
3D-Websites erstellen
10-mal schneller mit KI
Beschreiben Sie einmal, was Sie möchten. Draftly generiert filmreife Bewegung, extrahiert Frames und baut in Minuten eine scroll-gesteuerte 3D-Website — keine Tage. ZIP herunterladen und veröffentlichen.
400+
Frames pro Website
~8s
Videodauer
10–40
Einstellbare FPS
ZIP
Bereit zum Veröffentlichen