Beginnen Sie mit einem beeindruckenden Preset und bearbeiten Sie direkt vor Ort – oder erstellen Sie eine immersive 3D-Scroll-Website aus einer einzigen Eingabeaufforderung. Keine WebGL-Kenntnisse. Kein Design-Studium. Kein endloses Prompting auf einer leeren Leinwand.
Wählen Sie ein ausgefeiltes Preset, klicken Sie, um Texte und Medien zu bearbeiten, und veröffentlichen Sie es auf einer kostenlosen Draftly-Subdomain oder verbinden Sie Ihre eigene DNS – derselbe Veröffentlichungsprozess wie beim 3D-Builder.
Beschreiben Sie die gewünschte Website — die Stimmung, die Branche, die Atmosphäre — und Draftly erstellt allein aus Ihren Worten ein vollständiges, kinoreifes Scroll-Erlebnis.
Eine vierstufige Pipeline verwandelt ein statisches Konzept in acht Sekunden kinoreife Bewegung, die dann in Hunderte von Frames zerlegt wird, die der Browser sofort wiedergeben kann.
Sobald Sie Ihre erste Website veröffentlicht haben, ist das Node-Studio der Ort, an dem Sie Ihre zweite anders erstellen. Verbinden Sie jedes KI-Modell, jede Pipeline, jede Ausgabe.
Jedes Scroll-Ereignis bewegt einen Frame vorwärts. Jeder Frame ist vorgerendert. Das Ergebnis fühlt sich an wie ein Film, funktioniert wie eine statische Website und läuft auf einem fünf Jahre alten Telefon.
Laden Sie ein ZIP herunter. Bereitstellung auf Vercel, Netlify oder Ihrem eigenen Server. Draftly hostet Sie nicht, sperrt Sie nicht ein und berechnet keine Kosten pro Besucher. Der Code gehört Ihnen.
<!-- 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
Tailwind-Breakpoints, fließende Schriftskalen und adaptive Frame-Auflösungen sorgen dafür, dass Ihre Website auf einem 4K-Monitor und einem 360px-Telefon durchdacht aussieht.
Desktop · 1440px
Tablet · 768px
Mobile · 375px
Voreinstellungen
Prompt
Bild
Video
Frames
Veröffentlichen
Hero · Funktionen · Preise
Redaktionell · Fallstudien
Produkt · Story · Warenkorb
Manifest · Arbeiten · Kontakt
| 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 |
“Wir haben eine 40.000-Dollar-Markenwebsite mit einem Draftly-Export vorgestellt. Der Kunde dachte, wir hätten ein Three.js-Team engagiert. Hatten wir aber nicht.
“Unsere Hero-Sektion brauchte früher zwei Wochen für einen Designer. Jetzt genügen ein Prompt und ein Espresso.
“Der exportierte Code ist sauberer als das, was die meisten Agenturen liefern. Wir hosten ihn selbst. Keine Plattformbindung.
Chrome, Safari, Firefox, Edge — die letzten beiden Versionen. Getestet auf iOS 14+ und Android 9+.
ZIP-Archiv mit HTML, CSS (Tailwind), JS, Frame-Sequenzen (WebP oder AVIF).
2–6 MB pro Website, abhängig von Frame-Anzahl und Auflösung. Aggressive Komprimierung.
Optional. Mindestens 8 GB VRAM für lokale KI-Inferenz. Unterstützt Gemini- und Fal.ai-Schlüssel.
Pro-Plan und höher. REST-Endpunkte für programmatische Generierung und Pipeline-Trigger.
Ziel-LCP unter 1,5s. Lazy Frame-Loading. Adaptive Qualität pro Verbindung.
Beschreiben Sie, was Sie möchten. Draftly erstellt in wenigen Minuten eine scroll-gesteuerte 3D-Website. Abonnieren Sie, um zu veröffentlichen.