InspoToCode Pro

Go from reference to working build.

Every reference already shows you how a design is put together. Pro references also hand you the parts you build with: the six reconstruction prompts, in order, and the written analysis of why the design works.

Bring your own coding agent. The prompts are plain text.

Pick how you pay

Same access on every plan. The difference is the cadence.

Monthly

€9/month

Month to month, no commitment.

  • Full Pro access while it is active
  • Billed €9 every month
  • Cancel any time

Yearly

Best value

€90/year

Works out at €7.50 a month. Save €18 — 2 months free

  • Full Pro access while it is active
  • Billed €90 once a year
  • €18 less than paying monthly
  • Cancel any time

Lifetime

€219one-time

Pay once, keep it.

  • Full Pro access, permanently
  • A single payment of €219
  • Nothing renews

Cancel a subscription whenever you like from your account. Pro runs to the end of the period you already paid for. Prices in euros. VAT is added at checkout where it applies.

What Pro adds

Two things, on every Pro reference. Everything else about a reference is public — including on the Pro ones.

Six prompts, in build order

Each one describes a visual language: composition, rhythm, type scale, motion and interaction. Never the original site's brand, copy or assets.

  1. Main build promptThe whole page: structure, plane, type and colour.
  2. Build frontendSections, layout and the states they can be in.
  3. Generate assetsWhat to produce, and with which creative tool.
  4. Add animationsWhat moves, when, and how far.
  5. Responsive polishHow the composition survives a narrow screen.
  6. Final visual polishThe details that separate close from right.

The written design analysis

Why the design works, written out — the part a screenshot cannot tell you and an agent cannot guess.

Layout · Container · Spacing · Radius · Borders · Shadows · Buttons · Cards · Navigation · Imagery · Gradients

Public on every reference, Pro included

We do not paywall the parts you can already see. Pro buys the two above, and nothing that was free stops being free.

  • The full palette, with roles and names
  • Typography: families, weights and fallbacks
  • The Build Recipe — framework, agent, model, creative tools, libraries and special requirements
  • The AI Replicability score and what stands in the way

Where each thing lives

Pro is an addition, not a gate around the catalogue. This is the whole of it.

Where each thing lives
Where each thing livesVisitorFree accountPro
Browse the whole catalogueIncludedIncludedIncluded
Palette, typography, Build Recipe, AI ReplicabilityIncludedIncludedIncluded
Main build prompt on free referencesIncludedIncludedIncluded
Design analysis on free referencesIncludedIncludedIncluded
The other five prompts on free referencesNot includedIncludedIncluded
FavouritesNot includedIncludedIncluded
All six prompts on Pro referencesNot includedNot includedIncluded
Design analysis on Pro referencesNot includedNot includedIncluded

A free account costs nothing and unlocks the advanced prompts on every free reference.

From reference to implementation

Four steps. The last one happens in your editor, not here.

  1. Pick a reference

    Filter by category or style until something matches the problem you are solving.

  2. Read the Build Recipe

    The stack it would take: framework, agent, model, creative tools and libraries.

  3. Copy the prompts

    In order. Each one copies with a reminder to use your own brand and assets.

  4. Build with your agent

    Claude Code, Codex, Cursor, v0 — whatever you already run. Nothing to install.

There is no integration to set up: the prompts are text you paste into the tool you already use.

New references, continuously

Every reference is captured, analysed and written up before it is published. Pro covers the Pro ones already in the catalogue and the ones added while your access is live.

References
13
Pro references
4
Categories
3
Styles
10
Browse the catalogue

Before you buy

  • Do I need Pro to use InspoToCode?

    No. Free references stay usable, and a free account unlocks all six of their prompts. Pro is for the Pro references — their prompts and their design analysis.

  • What exactly do I get with Pro?

    On every Pro reference: the six reconstruction prompts in build order, and the written design analysis. Palette, typography, Build Recipe and AI Replicability are public on those references already.

  • Can I cancel any time?

    Yes, from your account. Cancelling stops the next renewal; Pro stays active until the end of the period you already paid for.

  • What happens to my access after cancelling?

    It ends on the date your last paid period runs out. Anything you copied is yours to keep, but Pro references go back to showing what they show everyone else.

  • Which tools can I use the prompts with?

    Any coding agent that takes a text prompt — Claude Code, Codex, Cursor, v0 and others. There is no plugin and no account to connect.

  • Do you guarantee an exact clone?

    No, and that is deliberate. The prompts describe a visual language — composition, rhythm, type scale, motion — so you rebuild it with your own branding, copy and assets. How close you land also depends on the agent and the model you run.

  • What is included in Lifetime?

    The same Pro access as a subscription, bought once instead of renewing. There is no renewal date and nothing to cancel. It stays with your account for as long as InspoToCode runs.

  • I already subscribe. What happens if I buy Lifetime?

    You get Lifetime straight away, and your subscription keeps running until you cancel it — we do not cancel it for you. Cancel it from your account whenever you like; your access does not depend on it any more.

  • Can I get a refund on Lifetime?

    Write to us and we will look at it. If we refund the payment in full, the Lifetime access ends with it — that happens automatically, so there is nothing to arrange afterwards.

Your next build starts with the right reference.

Pick one, read how it is made, and paste the prompts into the agent you already use.