预设画廊测试版本
精选预览
这里的每个预设都受到真实Draftly用户的启发
来自我们的社区
使用预设发布的创建者
真实的人，真实的发布
"
🇮🇹 Italy
Our e-commerce store needed a landing page fast. Draftly nailed the brand feel. Sales converted from day one.
Isabella Rossi
Founder, Lumina Co.
"
🇮🇳 India
Draftly replaced a $4,000 agency quote with a 15-minute session. The result was honestly better.
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
Restaurant Owner
drag
"
🇩🇪 Germany
Launched my SaaS landing page before the weekend was over. No agency, no templates, no HTML — just a prompt.
Lukas Becker
Indie Developer
"
🇬🇭 Ghana
My clients think I hired a design agency. I used a Draftly preset and swapped the copy. Done in an afternoon.
Amara Osei
Freelance Consultant
Drag to explore · auto-advances
3D Scroll Templates
Immersive scroll-reactive websites
Seven cinematic 3D scroll starters — AI generates motion, extracts frames, and builds a scroll-synced site. Click Use This to open the builder with prompts pre-loaded.
Premium / Scroll
Meridian — Cinematic scroll
utility-scroll.draftly.space
Scroll theatreValues deckTexture
Click card to preview prompts
Mobile App
TripVault — Travel App
tripvault.draftly.space
TravelSaaSBlue Sky
Click card to preview prompts
Ecommerce
Shopnest — Ecommerce
shopnest.draftly.space
EcommercePastel3D Objects
Click card to preview prompts
SaaS / CRM
OrbitCRM — Agency CRM
orbitcrm.draftly.space
AgencyGlass UINature BG
Click card to preview prompts
Productivity
SyncBase — Team Collaboration
syncbase.draftly.space
ProductivityKanbanLight UI
Click card to preview prompts
Developer Tool
StackForge — Dev Platform
stackforge.draftly.space
Dev ToolsDarkGrid World
Click card to preview prompts
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
工作流程
从提示到 生产就绪
描述它。看 AI 构建它。每一帧滚动内容都由您的提示生成——无需代码、无需模板、无需设计技能。
01
选择预设
从生产就绪的UI开始 — 几分钟内即可自定义文案和媒体。
02
描述
告诉我们您想要的视觉氛围。
03
生成
AI 创建电影级关键帧。
04
动画化
图像变成流畅的 8 秒视频。
05
构建
AI 提取帧以实现 3D 滚动。
06
部署
下载包含 HTML、CSS、JS 的 ZIP。
零代码您的视频变成
您的视频变成
滚动体验
AI 生成电影级视频，然后提取数百帧。访客滚动时，帧会依次向前播放——创造出如电影般的 3D 视差效果。
无需 WebGL、无需 Three.js、无需代码——只需原生浏览器滚动配合丝滑的帧插值。在每台设备和每个浏览器上均完美运行。
滚动以激活动画
正在提取帧400 / 400
专业工具
专为 专业网站
串联视频、上传产品图片、自定义每个元素，并下载生产就绪的代码。
多视频连续播放
将多个视频首尾相连，实现更长的滚动动画。每个视频的第一帧与上一个视频的最后一帧完美衔接。
全栈导出
下载包含前端和后端启动项目的 ZIP，含 Express API。
迭代式对话编辑
与 AI 对话修改文案、移动版块、调整颜色——实时生效。
产品注入
上传产品照片并告诉 AI 直接将其放置在 3D 空间中的位置。
可调 FPS
在 10–40 FPS 之间滑动，控制帧密度和滚动速度。