UI component
shadcn/ui
Copyable components for React based on Radix and Tailwind.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
Product toolbox
A toolbox for building products
Find UI libraries, MCP bridges, design resources, themes, and app builders by the work you want to do.
13 of 13 tools
Select up to 3 cards to compare.UI component
Kibo UI
Stateful components such as table, Kanban and codeblock for React products.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
UI component
Magic UI
Blocks and animated interactions for landing and modern products.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
UI component
HeroUI
React component library with a focus on accessibility and design-ready.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
UI component
21st.dev
Community registry for discovering and using interface components.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
MCP bridge
shadcn MCP
Connecting agent to shadcn documentation and registry for search and installation.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
MCP bridge
Figma MCP
Bridge to read Figma frames and tokens during design and coding.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
DESIGN.md
Stitch
Test environment to convert idea and design into developable interface.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
DESIGN.md
DESIGN.md Generator
Creation and visual inspection of tokens of a DESIGN.md file.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
DESIGN.md
awesome-design-md
A collection for studying different examples of design files.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
theme and style
tweakcn
Visual setting of theme and shadcn variables with live preview.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
theme and style
Shadcn Studio
Ready-made themes and blocks to quickly start an interface system.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.
App creator
v0
Convert text description to React interface sample to start prototype.
- Best for
- Teams evaluating this option for a real product workflow.
- Decision note
- Review permissions, pricing, privacy, and fit before committing.