The front of every business, already built.
35 animated React components and 18 full page blocks for local business, real estate and agency websites. Booking pickers, listing grids, valuation funnels, review walls. The parts that turn visitors into calls, already designed and wired up.
npx shadcn@latest add https://facadeui.com/r/hero-local-business.json33 items are free forever. Works with Next.js, Tailwind v4 and shadcn.
- announcement-bar
- hero-local-business
- stats-band
- testimonials-wall
- contact-section
Pick the business. Get the whole page.
Generic UI kits give you buttons. Facade gives you the opening hours that know when you're closed, the floor plan with clickable rooms, the quote form that actually converts.
Click around. These are live.
Every preview on this site is the real component, running. Drag the slider, book a slot, change the down payment.
Your agent already knows how to use it.
Connect the Facade MCP server once. Then ask Claude Code, Cursor or Codex for a landing page for a roofer in Denver and it picks the right blocks, installs them and rewrites the copy. Every component also ships as Markdown and in one llms.txt.
claude mcp add --transport http facade https://facadeui.com/api/mcpnpx shadcn@latest add https://facadeui.com/r/open-now-badge.jsonyou
Build a landing page for a plumbing company in Austin. Use Facade.
claude · facade.suggest_page("plumber")
- 1hero-local-business
- 2logo-cloud
- 3features-bento
- 4process-steps
- 5service-area
- 6testimonials-wall
- 7faq-section
- 8contact-section
- 9footer-big
claude
Installed 9 blocks, rewrote the copy for Austin, added your phone number to the sticky bar. Run the dev server to review.
Pay once. Ship client sites forever.
One client project pays for the license. No subscriptions, no per-project fees.
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.
Questions developers ask
Something else? Email hello@facadeui.com or DM @facadeui.
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.