Build sites bycomposing, not coding
Paste any URL — the AI composes sections from a 30-primitive design system. Then drag, drop, and tweak them in a real editor. Export to Next.js or single-file HTML.
AI Builder
Paste a URL. Get a complete React + Tailwind page broken into composable sections. The library compounds — every URL teaches the next one.
- Per-section element screenshots
- DOM-aligned bounds + page tokens
- Composition over generation
- Auto-saves to component library
Drag Builder
A full canvas editor. 28 built-in blocks plus your entire AI Library — drag, drop, edit props, and ship. Templates included.
- 28 built-in blocks (Heading, Image, Column, Hero Slider, …)
- AI Library tab — seeds + every AI-generated section
- Live inspector with per-prop editors
- Templates + multi-page projects
Or skip the blank canvas — start from a real site
63 published templates — 30 full multi-page sites with real internal navigation, and 31 primitive-composition pages where every block is editable through its own inspector. Preview any of them live, or open one straight in the Drag Builder.
Browse Templates
Three steps. No npm install.
Paste a URL
Drop any public site into the AI Builder. We screenshot, extract real CSS tokens, slice the DOM into sections, and feed it all to the plan agent.
AI composes from primitives
Instead of generating monolithic code, the AI assembles each section from 30 atomic primitives (Hero, Button, Carousel, Card). Reusable from day one.
Edit and export
Drop any section into the drag canvas. Tweak props in the inspector. Download as a full Next.js project or single-file HTML — your call.
Ready to build?
One paste, one composition library, one polished editor. Try the AI Builder now — your library grows with every URL.