Mindloop — Newsletter
Black monochrome newsletter landing with liquid-glass UI, scroll word reveal, platform cards, and HLS CTA video.
GALERIA DE PRESETSVersão Beta
Melhores Pré-visualizações
Cada preset é inspirado num cliente real da Draftly
Power AI — Dark Video Hero
Full-screen dark AI landing with CloudFront hero video, 220px General Sans headline, indigo→purple→amber AI gradient, liquid-glass navbar & logo marquee, and requestAnimationFrame fade loop.
Halo — USD Halo
Premium fintech stablecoin landing on #F5F5F5 with TT Norms Pro, hero video, savings cards, backers marquee, and Commerce use-case panel.
Targo — Swift and Simple Transport
Logistics hero with Rubik typography, brand red #EE3F2C on black, fullscreen CloudFront video (no overlay), clipped-corner CTAs, and glass consultation card.
Baby Track — Business Automation
Two-section scroll landing with Cloudinary video hero, Manrope/Italiana/Marck Script typography, red cloud parallax (#FF0000), S.P.D signature, and motion/react scroll transforms.
Auto Machines — Automation Hero
Full-viewport black hero with lazy Spline 3D, Orbitron gradient headline, technical specs card, and mono pill badges.
Da nossa comunidade
Criadores que lançaram com presets
Pessoas reais, lançamentos reais
"
🇮🇹 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
O Pipeline
Do comando à produção
Descreva. Veja a IA construir. Cada quadro de rolagem é gerado a partir do seu comando — sem código, sem modelos, sem habilidades de design.
01
Escolha um modelo
Comece com uma UI pronta para produção — personalize texto e mídia em minutos.
02
Descreva
Diga-nos a atmosfera visual que você deseja.
03
Gere
A IA cria um keyframe cinematográfico.
04
Anime
A imagem se torna um vídeo suave de 8s.
05
Construa
A IA extrai quadros para uma rolagem 3D.
06
Implante
Baixe um ZIP com HTML, CSS, JS.
Zero CódigoSeu vídeo se torna
Seu vídeo se torna
uma experiência de rolagem
A IA gera um vídeo cinematográfico e depois extrai centenas de quadros. À medida que os visitantes rolam, os quadros avançam — criando um efeito de paralaxe 3D que parece um filme.
Sem WebGL, sem Three.js, sem código — apenas rolagem nativa do navegador com interpolação de quadros suave como manteiga. Funciona perfeitamente em todos os dispositivos e navegadores.
Role para animar
Extraindo Quadros400 / 400
Ferramentas Pro
Feito para sites sérios
Encadeie vídeos, faça upload de imagens de produtos, personalize cada elemento e baixe código pronto para produção.
Continuação Multi-Vídeo
Encadeie vários vídeos de ponta a ponta para animações de rolagem mais longas. O primeiro quadro de cada um continua perfeitamente do último.
Exportação Full-Stack
Baixe um ZIP com starter frontend + backend. Inclui API Express.
Edição Iterativa por Chat
Converse com a IA para mudar textos, mover seções, ajustar cores — ao vivo.
Injeção de Produto
Faça upload de fotos de produtos e diga à IA onde colocá-las diretamente em 3D.
FPS Ajustável
Deslize entre 10–40 FPS para controlar a densidade de quadros e a velocidade de rolagem.
Crie sites 3D
10x mais rápido com IA
Descreva o que você quer uma vez. Draftly gera movimento cinematográfico, extrai quadros e constrói um site 3D baseado em rolagem em minutos — não dias. Baixe o ZIP e publique.
400+
Quadros por Site
~8s
Duração do Vídeo
10–40
FPS Ajustável
ZIP
Pronto para Publicar