Descreva o que você quer. O Draftly constrói um site 3D com rolagem em minutos. Assine para lançar.
Predefinições
Prompt
Imagem
Vídeo
Frames
Publicar
Descreva o site que você deseja — o clima, a indústria, a atmosfera — e o Draftly monta uma experiência de rolagem cinematográfica completa apenas com suas palavras.
| Draftly | Framer | Webflow | Spline | |
|---|---|---|---|---|
| Website presets gallery | ● 50+ templates | — | — | — |
| AI prompt-to-site | ● Full pipeline | Partial | — | — |
| 3D motion (no WebGL) | ● Native scroll | — | — | WebGL required |
| Code export | ● HTML/CSS/JS | Code components | Yes (paid) | React only |
| Hosting required | ● Optional | Bundled | Bundled | Bundled |
| Bring your own AI model | ● Yes | — | — | — |
| Entry price | ● $0 / $25 | $15 | $18 | $0 / $9 |
Baixe um ZIP. Implante no Vercel, Netlify ou seu próprio servidor. Draftly não hospeda você, não te prende ou cobra por visitante. O código é seu.
<!-- Draftly export · scroll-locked sequence --> <section class="hero" data-frames="240"> <div class="scroll-stage"> <canvas id="frame-canvas" /> <div class="overlay"> <h1>Built with Draftly</h1> </div> </div> </section> // 240 frames · 1.8MB total · LCP 1.2s
Breakpoints do Tailwind, escalas de tipografia fluida e resoluções de quadro adaptativas significam que seu site parece intencional em um monitor 4K e em um celular de 360px.
Desktop · 1440px
Tablet · 768px
Mobile · 375px
Depois de lançar seu primeiro site, o estúdio de nós é onde você constrói o segundo de forma diferente. Conecte qualquer modelo de IA, qualquer pipeline, qualquer saída.
Escolha um preset polido, clique para editar texto e mídia, e publique em um subdomínio Draftly gratuito ou conecte seu próprio DNS — o mesmo fluxo de publicação do construtor 3D.
Cada evento de rolagem avança um quadro. Cada quadro é pré-renderizado. O resultado parece um filme, tem o desempenho de um site estático e funciona em um celular de cinco anos.
Um pipeline de quatro estágios transforma um conceito estático em oito segundos de movimento cinematográfico, e então fatia esse movimento em centenas de quadros que o navegador pode reproduzir instantaneamente.
Hero · Recursos · Preços
Editorial · Estudos de caso
Produto · História · Carrinho
Manifesto · Trabalhos · Contato
“Apresentamos um site de marca de $40 mil usando uma exportação do Draftly. O cliente pensou que tínhamos contratado uma equipe Three.js. Não tínhamos.
“Nossa seção hero costumava levar duas semanas para um designer. Agora, leva um prompt e um espresso.
“O código exportado é mais limpo do que a maioria das agências entrega. Nós o hospedamos por conta própria. Sem bloqueio de plataforma.
Chrome, Safari, Firefox, Edge — duas últimas versões. Testado em iOS 14+ e Android 9+.
Arquivo ZIP contendo HTML, CSS (Tailwind), JS, sequências de quadros (WebP ou AVIF).
2–6 MB por site, dependendo da contagem de quadros e resolução. Compressão agressiva.
Opcional. 8GB de VRAM mínimo para inferência de IA local. Suporta chaves Gemini e Fal.ai.
Plano Pro e superiores. Endpoints REST para geração programática e gatilhos de pipeline.
LCP alvo abaixo de 1.5s. Carregamento preguiçoso de quadros. Qualidade adaptativa por conexão.
Comece com um preset impressionante e edite no local — ou construa um site 3D imersivo com rolagem a partir de um único prompt. Sem conhecimento de WebGL. Sem diploma de design. Sem prompts infinitos de tela em branco.