FREE · AI-POWERED · 30 SECONDS · NO SIGNUP

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.

We only fetch the homepage HTML. Nothing is stored after 24 hours.

No login required
Auto-deleted in 24h
Real React components
Uses your real images
How it works

From URL to interactive preview
in three steps

No design files. No developer time. No fake demo content.

STEP 1

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.

STEP 2

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.

STEP 3

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.

Why it's different

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.

decoupled.io/prototype/yoursite
FAQ

Questions, answered

How does the AI prototype generator work?

You enter your homepage URL. We fetch the public HTML, extract your title, headings, copy, and images, then use Llama 3.3 to map that content to our 10-section component library. The result renders as a working React prototype using the same components your team would actually use in production on Decoupled.io.

Is it really free? Do I need to sign up?

Yes — completely free, no signup, no credit card. We do save the URL you submitted to our database for product analytics and to improve the tool. Prototypes are stored for 24 hours then auto-deleted.

Will it work for my site?

It works best for content-heavy marketing sites — landing pages, brochure sites, blogs, e-commerce homepages. JavaScript-only single-page apps may produce thinner previews because we read static HTML. Sites with strong brand photography produce the best results.

What does the prototype actually show?

A one-page interactive React app rendered with the same paragraph components used in production: hero, card group, side-by-side, accordion, testimonials, pricing, stats, newsletter, etc. It pulls from your real content and uses your real images. The header nav, footer, and theme color all adapt to your brand.

How is this different from a Figma mockup?

A Figma mockup is static and takes hours to produce. This is a working React prototype generated in 30 seconds, using the actual components your engineering team would ship to production. You can click around, see hover states, and share a link with your team.

What happens to my data?

We fetch your homepage HTML once, save the generated prototype to a key/value store for 24 hours so you can revisit it, then auto-delete. We track the URL submitted in our analytics database but never share or resell. You can request deletion at any time.

Can I edit the prototype after it's generated?

Not in the prototype itself — links and forms are disabled by design. But every section maps to a real Decoupled.io paragraph component. If you start a free trial, you can rebuild this exact layout in our visual editor and customize it however you want.

Why are you building this?

Because describing a headless CMS migration is hard, and showing one is easy. We think the fastest way to evaluate whether Decoupled.io is right for your team is to see your actual site rebuilt with our components — not a generic template demo.