Build websites faster with ready-made blocks
The most comprehensive React/Next.js component library. Every component is fully documented and TypeScript-native with an MCP server for AI assistants.
Simple, Affordable Pricing
Start free and upgrade when you need more. Pay yearly or once.
Free
For personal projects
- 600+ components
- 100% TypeScript
- Full JSDoc documentation
- Tailwind CSS & shadcn/ui
- MIT License
Pro
1 site, 1 team member
+$10/yr per additional site or team member
- 3,500+ components
- Everything in Free
- MCP Server for AI assistants
- Premium categories
- Priority support
Lifetime
Per site, unlimited team
Pay once, use forever on one site
- 3,500+ components
- Everything in Pro
- Unlimited team members
- Lifetime updates
- No recurring fees
Be the First to Know
Sign up to get notified when MasterpieceUI launches. Early subscribers get exclusive discounts on Pro.
No spam, ever. Unsubscribe at any time.
Let Your AI Build With MasterpieceUI
Every component is fully documented with structured metadata. Use our MCP server to give your AI assistant direct access to the entire library.
MCP Server
Connect MasterpieceUI directly to Claude, Cursor, Windsurf, or any MCP-compatible AI assistant. Your AI can browse, search, and use components instantly.
npx masterpiece-ui-mcp100% TypeScript
Full type safety with TypeScript interfaces for every component. Props are self-documenting and your IDE provides complete autocomplete.
interface HeroProps { title: string; cta: CTAProps }JSDoc Documentation
Every component includes detailed JSDoc with descriptions, visual style, layout info, and use cases.
Structured Metadata
JSON metadata lets AI agents understand what each component looks like and when to use it.
MIT License
Use in personal and commercial projects. No attribution required.
Component Categories
Green = Free | Purple = Pro
+ 66 more categories with Pro
Frequently Asked Questions
Everything you need to know about MasterpieceUI
Have more questions? Contact us