المنشئ ثلاثي الأبعاد7-day free trial · no credit card required
LIVE SITES

Best Previews

Open full-screen demos built with Draftly — each preview runs on its own deployment.

Aura — Enterprise Intelligence

Preview
3D Website Templates

Start from a real design

Click "Use This" to open the 3D Builder with prompts pre-loaded — or click any card to preview both prompts first.

View all templates
Meridian — Cinematic scroll
Premium / Scroll

Meridian — Cinematic scroll

utility-scroll.draftly.space

Scroll theatreValues deckTexture

Click card to preview prompts

TripVault — Travel App
Mobile App

TripVault — Travel App

tripvault.draftly.space

TravelSaaSBlue Sky

Click card to preview prompts

Shopnest — Ecommerce
Ecommerce

Shopnest — Ecommerce

shopnest.draftly.space

EcommercePastel3D Objects

Click card to preview prompts

OrbitCRM — Agency CRM
SaaS / CRM

OrbitCRM — Agency CRM

orbitcrm.draftly.space

AgencyGlass UINature BG

Click card to preview prompts

SyncBase — Team Collaboration
Productivity

SyncBase — Team Collaboration

syncbase.draftly.space

ProductivityKanbanLight UI

Click card to preview prompts

StackForge — Dev Platform
Developer Tool

StackForge — Dev Platform

stackforge.draftly.space

Dev ToolsDarkGrid World

Click card to preview prompts

VisionForge — AI Video
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

مسار العمل

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

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

01

صف

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

02

توليد

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

03

تحريك

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

04

بناء

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

05

نشر

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

بدون كود

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

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

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

مرر للتحريك
جارٍ استخراج الإطارات400 / 400
أدوات احترافية

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

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

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

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

تصدير Full-Stack

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

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

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

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

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

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

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

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

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

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