Ship UI that looks expensive.
207 live React + Tailwind components, backgrounds, sections and whole site templates. Copy the source, paste the prompt into your AI tool, or install from the CLI. 78 are free, with no sign-up.
Backdrop 01 / 03
Signal FieldFree
- Claude Code
- Cursor
- v0
- Lovable
- Bolt
- Windsurf
- Codex
- Replit
- GitHub Copilot
- Zed
Running, not screenshotted
These are the real components, live on this page. Drag, hover, hold and type. What you touch here is exactly the code you copy.
Every category, all live
Switch categories and scroll. Each tile is mounted and running, from single buttons to full-page sections.
Whole sites, ready for the client
Complete websites designed as one system: nav, hero, proof, services and footer. Built for the barbers, cafés and studios you actually sell to.
Axis SupplyStreetwear Store
View templateSeventeenCreative Studio
View templateCopy the prompt. Paste it wherever you build.
Find an entry, tune it in the live props panel, then take it: the TSX, the CLI command, or a hand-written prompt your AI tool adapts to your project. Nothing to install first, and no account for anything free.
Create a React + Tailwind "magnetic button" named MagneticButton.
Behavior: on mouse move over the button, the inner label offsets
toward the cursor (magnetic pull), using a Framer Motion spring
(stiffness 150, damping 12, mass 0.4). On mouse leave it springs
back to center. Props: label (string), strength (number, px).
Style: rounded-full pill, bold accent background, white bold text,
generous padding (px-8 py-4). Tactile, not corporate.
Output one self-contained "use client" component.Paste in the terminal — the source lands in your repo.
Free to start. Pro when it pays for itself.
78 components are free forever, with no account. Pro unlocks all 129 premium entries, the site templates, and every drop after.
Free
For trying things and shipping small wins.
No account. No card. No email.
- 78 components, full source
- Live previews with editable props
- The AI prompt for every free entry
- CLI install, no key needed
- Personal and commercial use
Pro
Every entry, every prompt, every drop.
Billed monthly. Cancel anytime.
- Everything in Free
- All 129 Pro entries — source + prompt
- Complete site templates for client work
- Your own CLI key for every install
- Every new drop, the day it lands
Lifetime
Pay once. Keep Pro, and every future drop.
No renewals. Refundable for 14 days.
- Everything in Pro, forever
- Every future drop included
- One payment, one receipt
Buying for a studio? Team is $7/seat/month, every seat with its own CLI key. Set up a team
| What you get | Free | Pro · Lifetime |
|---|---|---|
| Components, sections & effects | 78 | 207 |
| Complete site templates | ||
| Full TSX + Tailwind source | Free entries | Every entry |
| Hand-written AI prompts | Free entries | Every entry |
| Live preview + props panel | ||
| CLI install (shadcn registry) | With your own key | |
| Commercial & client work | ||
| Account needed | No | Email, Google or GitHub |
Secure checkout by Stripe · Cancel anytime from your account · Prices in USD
Before you ask
The short answers. The license, refunds and billing details are on the pricing and license pages.
Do I need an account for the free components?
No. All 78 free components are open to everyone: copy the source or install from the CLI with no sign-up, no email and no card. An account is only for Pro.
What does Pro add?
The 129 premium entries, including the complete site templates, with their full source and hand-written AI prompts, plus your own key for installing them with the shadcn CLI. Every new Pro drop is included as it lands.
Can I use the components in client work?
Yes. Free and Pro entries can both be used in unlimited personal and commercial projects, client work included, under an MIT-style license.
What happens to my components if I cancel?
You keep everything you've already copied or installed — that code is yours. Cancelling only stops new Pro drops and switches off your CLI key going forward.
How do I cancel or change plan?
From your account page: Manage billing opens a secure Stripe page where you can cancel, switch between monthly and yearly, change team seats, update your card and download invoices.
Do you offer refunds?
Monthly Pro can be cancelled anytime, with no partial refund for the current period. Yearly Pro and Lifetime are refundable within 14 days of purchase.