ابدأ من قالب مذهل وقم بالتعديل مباشرة — أو ابنِ موقع تمرير ثلاثي الأبعاد غامر من موجه واحد. لا حاجة لمعرفة WebGL. لا حاجة لشهادة تصميم. لا توجيهات لا نهائية على لوحة فارغة.
اختر قالبًا مصقولًا، انقر لتعديل النص والوسائط، وانشر على نطاق فرعي مجاني من Draftly أو اربط DNS الخاص بك — نفس سير عمل النشر مثل منشئ 3D.
صف الموقع الذي تريده — المزاج، الصناعة، الجو العام — ويقوم Draftly بتجميع تجربة تمرير سينمائية كاملة من كلماتك وحدها.
مسار عمل من أربع مراحل يحول مفهومًا ثابتًا إلى ثماني ثوانٍ من الحركة السينمائية، ثم يقسم تلك الحركة إلى مئات الإطارات التي يمكن للمتصفح تشغيلها فورًا.
بمجرد إطلاق موقعك الأول، يصبح استوديو العقد هو المكان الذي تبني فيه موقعك الثاني بطريقة مختلفة. اربط أي نموذج ذكاء اصطناعي، أي مسار عمل، أي مخرج.
كل حدث تمرير يقدم إطارًا. كل إطار مُعد مسبقًا. النتيجة تبدو كفيلم، وتعمل كموقع ثابت، وتعمل على هاتف عمره خمس سنوات.
قم بتنزيل ملف 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
نقاط توقف Tailwind، مقاييس الخطوط السائلة، ودقة الإطارات المتكيفة تعني أن موقعك يبدو مقصودًا على شاشة 4K وهاتف 360 بكسل.
Desktop · 1440px
Tablet · 768px
Mobile · 375px
إعدادات مسبقة
الموجه
صورة
فيديو
إطارات
نشر
القسم الرئيسي · الميزات · الأسعار
تحريري · دراسات حالة
المنتج · القصة · السلة
البيان · الأعمال · اتصل بنا
| 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 |
“عرضنا موقع علامة تجارية بقيمة 40 ألف دولار باستخدام تصدير Draftly. اعتقد العميل أننا استأجرنا فريق Three.js. لم نفعل ذلك.
“كان قسمنا الرئيسي يستغرق من المصمم أسبوعين. الآن يستغرق موجهًا وقهوة إسبريسو.
“الكود المصدّر أنظف مما تسلمه معظم الوكالات. نستضيفه بأنفسنا. لا يوجد قفل للمنصة.
كروم، سفاري، فايرفوكس، إيدج — آخر إصدارين. تم الاختبار على iOS 14+ وأندرويد 9+.
أرشيف ZIP يحتوي على HTML، CSS (Tailويند)، JS، تسلسلات الإطارات (WebP أو AVIF).
2–6 ميجابايت لكل موقع، حسب عدد الإطارات والدقة. ضغط مكثف.
اختياري. 8 جيجابايت VRAM كحد أدنى للاستدلال المحلي للذكاء الاصطناعي. يدعم مفاتيح Gemini و Fal.ai.
خطة Pro وما فوق. نقاط نهاية REST للتوليد البرمجي ومحفزات خطوط الأنابيب.
استهداف LCP أقل من 1.5 ثانية. تحميل الإطارات الكسول. جودة متكيفة لكل اتصال.
صف ما تريده. Draftly يبني موقعًا ثلاثي الأبعاد يعتمد على التمرير في دقائق. اشترك للنشر.