Draftly — AI 3D Website Builder: Cinematic Scroll Websites from a Single Prompt

Draftly الأساسي — 25 دولارًا/الشهرإنشاءات وكيل كاملة · 5 مواقع نشطة · إلغاء في أي وقتابدأ الآن
منشئ مواقع ثلاثية الأبعاد
معرض القوالبإصدار تجريبي

أفضل النماذج

كل قالب هنا مستوحى من عميل حقيقي في Draftly

Aether — Deep Field Survey

Deep-space planetary survey — a planet parked below the fold scales past the viewport and you fall through into a scroll-scrubbed orbital flyover, with four worlds and hard wipes between.

تخصيصمعاينة

Volta — Electric Moped

Six-page light studio product site for an electric moped brand — floating UI cards, a scroll-scrubbed 360° turntable, an exploded parts sequence, a live finish picker and curtain-wiped page transitions.

تخصيصمعاينة

The Obsidian Assembly

Warm editorial artefact archive — a display serif splits apart, artefact cards fly into the gap, then collapse into a scroll-driven stacked deck of seven objects before a full-bleed architectural close.

تخصيصمعاينة

Vanta — Model 03 Nocturne

Cinematic automotive launch — a silk dust sheet lifts off the car under scroll, then a desert run where the car passes in front of and behind a wordmark the size of the screen.

تخصيصمعاينة

Threshold — Six Worlds

A stone portal onto six worlds — the arch never moves while the world beyond it changes through an arch-shaped mask that opens inside the archway, then floods past the stone to full bleed.

تخصيصمعاينة

Helix Mini — Micro-Drone

Product launch for an autonomous micro-drone — the product lands inside a sandwich of giant type, unfolds under scroll-scrub with annotated callouts, and the page inverts dark-to-light mid-scroll.

تخصيصمعاينة
تصفح جميع القوالب
من مجتمعنا

مبنيون أطلقوا مع القوالب

أشخاص حقيقيون، إطلاقات حقيقية

"

Our e-commerce store needed a landing page fast. Draftly nailed the brand feel. Sales converted from day one.

Isabella Rossi
Isabella Rossi
Founder, Lumina Co.
🇮🇹 Italy
"

Draftly replaced a $4,000 agency quote with a 15-minute session. The result was honestly better.

Arjun Mehta
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
Priya Sharma
Restaurant Owner
🇮🇳 India
drag
"

Launched my SaaS landing page before the weekend was over. No agency, no templates, no HTML — just a prompt.

Lukas Becker
Lukas Becker
Indie Developer
🇩🇪 Germany
"

My clients think I hired a design agency. I used a Draftly preset and swapped the copy. Done in an afternoon.

Amara Osei
Amara Osei
Freelance Consultant
🇬🇭 Ghana

Use arrows or drag · auto-advances every 3s

مسار العمل

من الموجه إلى الإنتاج

صف ما تريده. شاهد الذكاء الاصطناعي يبنيه. كل إطار تمرير يُولَّد من موجهك — بدون كود، بدون قوالب، بدون الحاجة لمهارات تصميم.

01

اختر قالبًا جاهزًا

ابدأ بواجهة مستخدم جاهزة للإنتاج — خصص النصوص والوسائط في دقائق.

02

صف

أخبرنا عن الأجواء البصرية التي تريدها.

03

توليد

يُنشئ الذكاء الاصطناعي إطارًا رئيسيًا سينمائيًا.

04

تحريك

تتحول الصورة إلى فيديو سلس مدته 8 ثوانٍ.

05

بناء

يستخرج الذكاء الاصطناعي الإطارات للتمرير ثلاثي الأبعاد.

06

نشر

حمّل ملف ZIP يحتوي على HTML وCSS وJS.

بدون كود

يصبح الفيديو الخاص بكتجربة تمرير

يُولّد الذكاء الاصطناعي فيديو سينمائيًا ثم يستخرج مئات الإطارات. عندما يُمرِّر الزوار، تُشغَّل الإطارات للأمام — مما يخلق تأثير تجسيم ثلاثي الأبعاد يشبه الفيلم السينمائي.

بدون WebGL، بدون Three.js، بدون كود — مجرد تمرير أصلي للمتصفح مع إقحام سلس للإطارات. يعمل بشكل مثالي على كل جهاز ومتصفح.

جرّب المنشئ
أدوات احترافية

مصمم لـ المواقع الجادة

ربط الفيديوهات، رفع صور المنتجات، تخصيص كل عنصر، وتنزيل كود جاهز للإنتاج.

استمرارية متعددة الفيديوهات

ربط فيديوهات متعددة بشكل متتالي لتحريكات تمرير أطول. الإطار الأول لكل فيديو يبدأ بسلاسة من حيث انتهى السابق.

تصدير Full-Stack

نزّل ملف ZIP يحتوي على الواجهة الأمامية ومشروع Backend جاهز. يشمل Express API.

تحرير تكراري بالمحادثة

تحدث مع الذكاء الاصطناعي لتغيير المحتوى، نقل الأقسام، ضبط الألوان — مباشرة.

إدراج المنتجات

ارفع صور المنتجات وأخبر الذكاء الاصطناعي أين يضعها مباشرة في الفضاء ثلاثي الأبعاد.

FPS قابل للتعديل

اضبط بين 10 و40 FPS للتحكم في كثافة الإطارات وسرعة التمرير.

أنشئ مواقع ثلاثية الأبعاد
أسرع بـ 10 أضعاف بالذكاء الاصطناعي

صف ما تريده مرة واحدة. يُولّد Draftly حركة سينمائية، يستخرج الإطارات، ويبني موقعًا ثلاثي الأبعاد مُحرَّكًا بالتمرير في دقائق — لا أيام. نزّل ملف ZIP وانشره.

ابدأ البناء مجانًاعرض الأسعار
400+
إطار لكل موقع
~8s
مدة الفيديو
10–40
FPS قابل للتعديل
ZIP
جاهز للنشر