Build websites faster with ready-made blocks
The most comprehensive React/Next.js component library. Every component is fully documented with TypeScript contracts, public component discovery, and editable site recipes.
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
- Framework integration guides
- 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
Give your assistant this website. It can discover component contracts, download the library, and scaffold an editable site from a starter recipe.
Start from this website
Use the public installation guide and searchable catalog with a coding assistant that can read websites and run local commands.
Build with AI100% TypeScript
Full type safety with TypeScript interfaces for every component. Props are self-documenting and your IDE provides complete autocomplete.
import { HeroFullscreenImage } from 'ic-blocks/heroes'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