आप जो चाहते हैं उसका वर्णन करें। Draftly मिनटों में एक स्क्रॉल-ड्रिवन 3D साइट बनाता है। शिप करने के लिए सदस्यता लें।
प्रीसेट
प्रॉम्प्ट
छवि
वीडियो
फ्रेम
डिलीवर करें
अपनी इच्छित वेबसाइट का वर्णन करें — मूड, उद्योग, वातावरण — और ड्राफ्टली केवल आपके शब्दों से एक पूर्ण सिनेमैटिक स्क्रॉल अनुभव तैयार करता है।
| 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 |
एक ZIP डाउनलोड करें। Vercel, Netlify, या अपने स्वयं के सर्वर पर डिप्लॉय करें। Draftly आपको होस्ट नहीं करता, आपको लॉक नहीं करता, या प्रति आगंतुक शुल्क नहीं लेता। कोड आपका है।
<!-- 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
टेलविंड ब्रेकपॉइंट्स, फ़्लूइड टाइप स्केल, और अनुकूली फ़्रेम रिज़ॉल्यूशन का मतलब है कि आपकी साइट 4K मॉनिटर और 360px फ़ोन पर भी सुविचारित दिखती है।
Desktop · 1440px
Tablet · 768px
Mobile · 375px
एक बार जब आप अपनी पहली साइट भेज देते हैं, तो नोड स्टूडियो वह जगह है जहाँ आप अपनी दूसरी साइट को अलग तरीके से बनाते हैं। किसी भी AI मॉडल, किसी भी पाइपलाइन, किसी भी आउटपुट को कनेक्ट करें।
एक पॉलिश किया हुआ प्रीसेट चुनें, कॉपी और मीडिया एडिट करने के लिए क्लिक करें, और एक मुफ्त ड्राफ्टली सबडोमेन पर प्रकाशित करें या अपना DNS कनेक्ट करें — 3D बिल्डर के समान शिप फ़्लो।
प्रत्येक स्क्रॉल इवेंट एक फ़्रेम को आगे बढ़ाता है। प्रत्येक फ़्रेम पूर्व-रेंडर किया गया है। परिणाम एक फ़िल्म जैसा लगता है, एक स्थिर साइट की तरह प्रदर्शन करता है, और पाँच साल पुराने फ़ोन पर भी काम करता है।
एक चार-चरणीय पाइपलाइन एक स्थिर अवधारणा को आठ सेकंड की सिनेमाई गति में बदल देती है, फिर उस गति को सैकड़ों फ़्रेमों में काट देती है जिन्हें ब्राउज़र तुरंत चला सकता है।
हीरो · सुविधाएँ · मूल्य निर्धारण
संपादकीय · केस स्टडीज़
उत्पाद · कहानी · कार्ट
घोषणापत्र · कार्य · संपर्क
“हमने ड्राफ्टली एक्सपोर्ट का उपयोग करके $40k की ब्रांड साइट का प्रस्ताव दिया। क्लाइंट को लगा कि हमने एक Three.js टीम को काम पर रखा है। हमने नहीं किया था।
“हमारे हीरो सेक्शन को डिज़ाइन करने में पहले एक डिज़ाइनर को दो सप्ताह लगते थे। अब इसमें एक प्रॉम्प्ट और एक एस्प्रेसो लगता है।
“निर्यात किया गया कोड अधिकांश एजेंसियों द्वारा दिए गए कोड से अधिक स्वच्छ है। हम इसे स्वयं होस्ट करते हैं। कोई प्लेटफ़ॉर्म लॉक नहीं।
Chrome, Safari, Firefox, Edge — पिछले दो संस्करण। iOS 14+ और Android 9+ पर परीक्षण किया गया।
HTML, CSS (Tailwind), JS, फ्रेम सीक्वेंस (WebP या AVIF) वाला ZIP संग्रह।
प्रति साइट 2–6 MB, फ्रेम संख्या और रिज़ॉल्यूशन के आधार पर। सघन संपीड़न।
वैकल्पिक। स्थानीय AI अनुमान के लिए न्यूनतम 8GB VRAM। जेमिनी और Fal.ai कुंजियों का समर्थन करता है।
प्रो प्लान और उससे ऊपर। प्रोग्रामेटिक जनरेशन और पाइपलाइन ट्रिगर के लिए REST एंडपॉइंट।
1.5 सेकंड से कम LCP लक्ष्य। लेज़ी फ्रेम लोडिंग। प्रति कनेक्शन अनुकूली गुणवत्ता।
एक शानदार प्रीसेट से शुरू करें और वहीं एडिट करें — या एक प्रॉम्प्ट से एक इमर्सिव 3D स्क्रॉल साइट बनाएँ। कोई WebGL ज्ञान नहीं। कोई डिज़ाइन डिग्री नहीं। कोई अंतहीन खाली-कैनवास प्रॉम्प्टिंग नहीं।