The shortcut to remarkable UI

Don't startfrom blank.

A curated library of high-end interfaces, reverse-engineered into precise AI prompts and production-ready React code.

140+ hand-picked templates Preview free No account needed
CURATED, NOT GENERATED
FRESH
DROPS
WEEKLY
Live
Live
Live
YOU
Live previewsReact exportsProduction promptsCommercial useNew drops weeklyLive previewsReact exportsProduction promptsCommercial useNew drops weekly

Idea to interface,
minus the drift.

Stop prompting into the void. Start with a precise visual target and keep the quality intact all the way to code.

  1. /01

    See it move

    Explore every interaction in a real, responsive preview before choosing a direction.

  2. /02

    Steal the thinking

    Copy a detailed prompt that captures the layout, art direction, and behavior—not just the colors.

  3. /03

    Ship the real thing

    Export clean React code and assets, then make it yours in the stack you already use.

Your next build starts here

Make something people remember.

Open
the gallery

Pricing

Start with one recipe — or unlock the kitchen

Preview everything free. Buy a single premium template, or subscribe for the full library and new drops.

Save 35%

Free

Explore the gallery, preview every template, and use the free library without an account.

$0

Forever free

  • Live previews for every template
  • Free template library
  • Copy prompts (free tier)
  • Export TSX bundles (free tier)
  • Commercial use
  • Premium template library
  • Copy premium prompts
  • Export premium code bundles
Open gallery

Buy one

Best if you need one

Unlock a single premium template forever — prompt + export. Same price for every premium template.

$24

One-time · per template

  • One premium template forever
  • Copy that template’s prompt
  • Export that template’s TSX bundle
  • Commercial use
  • Same price for every premium template
  • Full premium library
  • New templates as we ship them
Choose a template

Premium

Most popular

Full access to the premium library — copy prompts and export code for every paid template while subscribed.

$149per year · cancel anytime

$12.42/mo billed annually · save 35% vs monthly

  • Everything in Free
  • Full premium template library
  • Copy all premium prompts
  • Export premium TSX bundles
  • New templates as we ship them
  • Priority support

Need something custom?

Recreate a landing page or site you like — share references and we'll reply by email to start the brief.

Custom request

Previews are always free. Downloads you export stay on your machine after cancel. Premium is for ongoing library access and new recipes we ship. Subscriptions and one-time purchases are handled securely through Stripe.

FAQ

Common questions

Billing, usage, exports, and what you get with Free vs Premium.

All membership billing is processed in USD through Stripe. Your bank may show a converted amount in your local currency depending on your card issuer.

Browse the gallery or catalog, pick a template, and preview it live. Copy the prompt into your AI builder — Cursor, v0, Lovable, Bolt, Claude, Replit, or similar — then iterate. When you are ready, export the React TSX bundle from the gallery and drop it into your Next.js or React project.

A single freelance landing page often costs $500–$2,000. Agency-quality sites routinely start at $5,000 and go up from there.

UI Recipe Premium is $19/month or $149/year (about $12.42/mo billed annually — save 35% vs monthly).

It pays for itself on the first project where strong design helps you win a client, ship faster, or avoid rebuilding from scratch.

You only get a few seconds to make a first impression — polished UI is not subjective fluff; it is leverage.

Free, no account: live preview for every template in the gallery.

Free templates: copy the prompt and export the React bundle anytime.

Premium templates: preview stays free. Unlock copy and export with a one-time purchase ($24 per template) or a Premium subscription.

Yes. Every premium template is the same one-time price: $24.

You get permanent access to that template’s prompt and TSX export. Commercial use is included.

If you need more than one or two templates, Premium monthly or yearly is usually the better deal — and you get new templates while subscribed.

Files you already exported stay on your machine. After cancel, you lose ongoing access to copy/export the full premium library and new templates we ship. Subscription is for ongoing library access — not a temporary download window we try to revoke.

No account is required to browse, preview, or use free-tier templates — including copying prompts and exporting code. Sign in only when you want to subscribe or unlock premium templates.

Exports are scoped React/TSX bundles: component source, co-located styles, and public assets where the template needs them. They are built to paste into a modern React or Next.js app — not a full hosted site with backend or CMS.

Previews and exports target React with Tailwind-style utility classes unless a template notes otherwise. Most landings and sections are designed for Next.js App Router projects, but the TSX can be adapted to Vite or other React setups with minor path tweaks.

Yes — for both free and premium exports. Use them in client work, products, marketing sites, and anything you ship commercially. Premium unlocks the paid template library; commercial use is not paywalled.

Prompts are written for tools that accept long system or project instructions: Cursor, v0, Lovable, Bolt, Claude Code, Replit Agent, and similar. Paste the full prompt, point the tool at your stack, and ask it to implement or adapt the design — then refine in your repo.

Yes. Subscriptions are managed through Stripe. Cancel from your account billing portal — you keep access until the end of the current billing period. There is no long-term contract.

If something is not working as described — broken export, missing assets, or access issues after payment — use the Support page and we will make it right. We handle refund requests case by case for duplicate charges or technical failures.

Yes. Premium includes new templates as we ship them — landing pages, heroes, carousels, and full sections. The catalog grows over time; your subscription covers the full premium library, not a fixed snapshot.

Always. Every premium template has a live preview in the gallery — desktop and mobile, no paywall on preview. Subscribe when you want to copy the prompt or download the export bundle.

Checkout and billing run on Stripe. We do not store card numbers on our servers. Invoices and payment methods are available in the Stripe customer portal after you subscribe.

Sign in and open the billing portal from the pricing page or your account menu. There you can switch plans, update your card, view invoices, or cancel.

A subscription is tied to the account that purchased it. For agencies with multiple builders, we recommend one seat per active user who needs copy/export access — or contact us if you need a team arrangement.

Premium subscribers get faster help with export issues, missing assets, entitlement problems, and billing. Free users can still report bugs via Support; premium requests are triaged first.

Your blank canvas ends here

Find the look.
Build the real thing.

Pick an interface you love, copy the thinking behind it, and turn inspiration into something ready to ship.

Ready for your stack
Prompt + React
ui-prompt.md

Production prompt

React · responsive · scoped

01  Create a cinematic hero with...

02  Use a responsive editorial grid...

03  Add tactile hover interactions...

Export readyCOPY PROMPT