Draftly is a 3D website builder for cinematic, scroll-driven sites from prompts or presets, with code export for custom domains and hosting.
Draftly is a 3D website builder for creating cinematic, scroll-driven websites from a prompt or a preset. The homepage positions it as a way to build production HTML in minutes, while the features page adds that users can also start from more than 50 templates and edit them in place.
The product combines AI generation, frame-based motion playback, and code export. Its workflow moves from a brief or preset into generated visuals, an animated sequence locked to scroll, and a downloadable site that can be deployed on a custom domain or hosted on a platform such as Vercel or Netlify.
Draftly starts from more than 50 production-ready templates, including SaaS, agency, portfolio, launch, studio, editorial, case study, luxury e-commerce, product, story, cart, manifesto, work, and contact layouts. Users can click to edit copy and media instead of rebuilding a page from scratch.
The AI generation flow turns a natural-language brief into a cinematic scroll experience, with outputs for images, videos, and layouts. The site says the system is trained on 10,000+ professional designs and supports style directions such as noir, golden hour, brutalist, pastel dream, and neon dystopia.
Draftly’s motion engine converts a still concept into an eight-second video and then slices it into frames that play back with scroll. The site explicitly says the experience uses native browser scroll rather than WebGL or Three.js.
The export workflow produces semantic HTML, Tailwind CSS, and JavaScript, and the feature page says the code can be deployed anywhere. It also mentions an optional Express API starter and one-click deploy targets such as Vercel, Netlify, and Cloudflare Pages.
The node studio lets users connect AI models and chain steps such as text-to-image, image-to-video, upscaling, background removal, and frame generation. Draftly describes this as the place to build reusable pipelines after a first project is shipped.
Draftly adjusts frame count, frame resolution, and playback behavior for the visitor’s device and connection. The site says mobile gets lower-resolution frames, desktop gets higher-resolution frames, and sequences are lazy-loaded for faster load times.
Start with a template for a SaaS, agency, portfolio, launch, or editorial page, then click to edit text and media before publishing. This suits teams that want a polished starting point without writing prompts from scratch.
Write a natural-language brief for a branded landing page and let Draftly generate the layout, visuals, and motion sequence. The product is positioned for users who want a cinematic homepage or hero section without working in WebGL.
Create a scroll-driven experience for a product story, luxury brand page, or case study where motion is part of the presentation. The motion engine is built around frame-by-frame playback that follows the browser scroll position.
Export a finished site as HTML, Tailwind CSS, and JavaScript, then deploy it on Vercel, Netlify, Cloudflare Pages, or a self-hosted server. This workflow fits teams that want to own the code and keep control of hosting.
After shipping a first site, move into the node studio to chain model steps such as image generation, video generation, upscaling, and background removal. That setup is aimed at repeatable creative pipelines rather than one-off pages.
Draftly is a website builder for creating cinematic 3D websites and scroll-driven landing pages from prompts or presets. The source describes a flow that moves from prompt or preset to AI generation, scroll playback, and production export.
The pricing page shows a free 2-day trial with a debit card required, followed by paid plans. It also shows plan tiers that include AI credits, generation limits, and features such as custom domains and ZIP export on higher plans.
The features page says Draftly exports clean semantic HTML, Tailwind CSS, and JavaScript, and the site states that ZIP export is available on Pro plans. Export targets include Vercel, Netlify, Cloudflare Pages, or your own server.
Draftly supports starting from website presets or from a prompt. The features page describes presets for SaaS, agency, portfolio, launch, studio, editorial, case study, luxury e-commerce, product, story, cart, manifesto, work, and contact-style pages.
The source says Draftly uses native browser scroll playback and does not require WebGL or Three.js. The features page also notes that frame quality and resolution adapt automatically for lower-bandwidth visitors.
