Docs3D Website BuilderOverview

3D Website Builder

End-to-end cinematic sites: still, motion, frames, and HTML from one workflow.

What you build here

The 3D Website Builder is Draftly’s product surface: describe a site and background, generate a hero still, add motion video, extract frames, and ship scroll-driven HTML. Open `/3d-builder` from the app header after you sign in.

Legacy `/studio` paths redirect here so old bookmarks keep working.

Typical pipeline

1.Describe — Site prompt + background / creative direction.
2.Still — Hero image at your chosen resolution (plan limits apply).
3.Motion — Video pass (Veo or LTX on fal); optional first→last keyframes where your plan allows.
4.Frames & site — WebP frames and generated HTML aligned to scroll.
5.Ship — Download or deploy depending on your plan (ZIP and GitHub where enabled).

Credits & plans

Image, video, frame extraction, and site generation use builder credits tied to your subscription. Exact allowances and tiers are on the Pricing page. Configure provider keys in `.env` / hosting (see Installation and Motion & media).