See your site rebuilt
with AI in 30 seconds
Drop your homepage URL. We'll fetch your real content and images, map them to a modern component library, and render an interactive prototype showing what your site could look like as a headless app.
Built with the same components your team would ship to production.
From URL to interactive preview
in three steps
No design files. No developer time. No fake demo content.
We read your homepage
We fetch your HTML and extract your title, headings, copy, and the best images on the page. A vision model then classifies each image so we know which ones to use as backgrounds vs side-by-side panels.
AI maps content to components
Llama 3.3 70B maps your content to our 10-section paragraph library — hero, cards, side-by-side, accordion, testimonials, pricing, stats, newsletter, and more. It picks a theme color based on your industry.
Live React prototype
You get a working React prototype rendered with the same production components your engineering team would use. Header, footer, and theme all adapt to your brand. Share the link with your team.
Not a generic demo.
Your actual site.
Most CMS platforms show you a polished template demo and ask you to imagine your content in it. We do the opposite — we take your real content and rebuild it with our components.
Real production components
The same React components your team would ship — not screenshots or design files.
Industry-aware theming
AI picks one of 6 color palettes based on your brand: indigo, emerald, rose, amber, slate, or cyan.
Your real photography
We use the actual images from your site, classified by a vision model so we never put text on text.
Same stack as production
React + Tailwind + the Puck visual editor. What you see is what you'd ship.
Questions, answered
How does the AI prototype generator work?
Is it really free? Do I need to sign up?
Will it work for my site?
What does the prototype actually show?
How is this different from a Figma mockup?
What happens to my data?
Can I edit the prototype after it's generated?
Why are you building this?
Keep going
Once you've seen the prototype, dig deeper with our other free tools.
Readiness Assessment
Free 11-question quiz that scores how ready your team is for a headless migration and recommends a path forward.
CMS Comparison Tool
Interactive matrix comparing 8 leading headless CMS platforms across 14 dimensions with requirement-based filtering.
Getting Started Guide
Up and running with Decoupled.io in minutes. Spin up a Drupal space, connect a Next.js or Astro frontend, ship.