One license. Every client site.
Start free. Upgrade when a client project needs the booking picker, the listing grid or the valuation funnel.
Free
The core set. No account, no email, MIT licensed.
- 33 components and blocks
- shadcn CLI and MCP access
- Light and dark themes via tokens
- Use in commercial projects
Pro
Everything, for one developer. Lifetime updates.
- All 53 components and blocks
- Every Pro component and block
- Unlimited personal and client projects
- Private registry with license key
- MCP access for Claude Code, Cursor, Codex
- All future releases, forever
Team
For agencies shipping client sites every month.
- All 53 components and blocks
- Everything in Pro
- Up to 10 developers
- Vote on the roadmap, priority requests
- Private Discord channel
- Invoice and VAT receipt
Launch pricing, ends when the first 500 licenses are sold. 14 day refund, no questions. Prices in USD, taxes handled at checkout.
What Pro unlocks
Tilt card
3D perspective card that tilts toward the pointer with a moving glare and a smooth spring return.
Availability table
Sortable, filterable unit availability table for new developments that turns into cards on mobile.
Before / after slider
Draggable, keyboard accessible comparison slider for renovations, staging and remodel photos.
Hotspot image
Image or floor plan with pulsing hotspots that open animated detail cards for each room or feature.
Image gallery lightbox
Listing photo grid that opens a shared layout lightbox with arrows, keyboard control and thumbnails.
Booking slots
Appointment picker with a 14 day date strip, grouped time slots, summary and confirm callback.
Mortgage calculator
Monthly payment calculator with down payment slider, loan term toggle and an animated donut breakdown.
Multi-step lead form
Three step quote request with option cards, validation, progress bar and direction-aware transitions.
Review marquee
Two rows of customer review cards scrolling in opposite directions with soft faded edges.
Aurora background
Slowly drifting aurora of blurred brand colored blobs with subtle film grain, for heroes and CTAs.
Service menu
Tabbed price list for salons, barbers and spas with durations, Popular tags and animated transitions.
Service area
Interactive zone map with numbered service areas, city and ZIP lists, and an animated ZIP code checker.
New development showcase
Interactive building elevation with clickable, status-coded units, a detail panel and availability counters.
Property listing grid
Filterable, sortable listings grid with animated re-layout, saved homes and load more pagination.
Hero, real estate
Luxury brokerage hero with ken burns architecture, glass Buy, Rent, Sell search panel and animated stats.
Features bento
Six cell bento grid with live micro animations: review counter, map pins, inbox stack, chart, toggle, booking.
Testimonials wall
Masonry wall of Google and Yelp style reviews with a featured quote and aggregate rating header.
Contact section
Contact form with floating labels and inline validation, plus NAP details, live open-now hours and a map card.
Home valuation funnel
Multi-step "What's my home worth?" lead funnel with direction-aware steps and an animated estimate range.
Pricing section
Three-tier pricing with an animated monthly/yearly toggle, glowing featured plan and feature lists.
FAQ
How do I add a component?
Run the shadcn command on its page. The source lands in components/facade, inside your project. You own it and can change anything.
What do I need installed?
A Next.js or Vite React project with Tailwind v4 and shadcn initialized. Components only depend on motion and lucide-react.
Can I use Pro for client work?
Yes. One Pro license covers unlimited personal and client projects for one developer. The Team license covers up to 10 developers. You can't resell the components as a UI kit or template.
How do Pro items install?
After purchase you get a license key by email. Add it to .env and register the @facade registry in components.json once. Then npx shadcn add @facade/<name> works like any free item, also for your AI agent.
Do I get updates?
Yes, forever. New components and blocks ship every week and your key keeps working.
Will it match my brand?
Every item uses semantic color tokens like bg-brand and text-muted-foreground. Change a few CSS variables and the whole library follows, light and dark.
What if it's not for me?
Email within 14 days and you get a full refund.