Tool · Standard tools and platforms

shadcn/ui

Also called: shadcn, Shad CN, shadcn ui, Shadcn

A free set of interface components, such as buttons, dialogs, forms and tables, that become part of an app's own code. It is a core foundation of vibe coding: AI app builders assemble these pieces like Lego bricks instead of drawing every control from scratch. Lovable and v0 generate interfaces with shadcn/ui, and Bolt can build with it when asked.

For example: A founder asks Lovable for a booking app. The AI assembles the page from shadcn/ui buttons, forms and a date picker, and an engineer can later change those pieces in the app's code.

Official site: ui.shadcn.com

Connects to 12

• Tech stack Concept
• UX / UI Concept
• React Tool
• Tailwind CSS Tool
• Open source Concept
• Vibe coding Concept
• Lovable Tool
• v0 Tool
• Bolt Tool
• Replit Tool
• Cursor Tool
• Figma Tool

Sources

• https://lovable.dev/guides/lovable-vs-vercel-platform-comparison-guide
• https://v0.app/docs/design-systems-legacy
• https://github.com/stackblitz/bolt.new
• https://replit.com/blog/agent-on-any-framework
• https://cursor.com/marketplace/shadcn
• https://help.figma.com/hc/en-us/articles/31304610458647-Troubleshoot-in-Figma-Make
• https://ui.shadcn.com/docs