# shadcn/ui

Tool · [Standard tools and platforms](https://ecosystem.samcarlton.com/tools)

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](https://ecosystem.samcarlton.com/vibe-coding): [AI app builders](https://ecosystem.samcarlton.com/no-code) assemble these pieces like Lego bricks instead of drawing every control from scratch. [Lovable](https://ecosystem.samcarlton.com/lovable) and v0 generate interfaces with shadcn/ui, and [Bolt](https://ecosystem.samcarlton.com/bolt) can build with it when asked.

**For example:** A [founder](https://ecosystem.samcarlton.com/founder) asks [Lovable](https://ecosystem.samcarlton.com/lovable) for a booking app. The AI assembles the page from shadcn/ui buttons, forms and a date picker, and an [engineer](https://ecosystem.samcarlton.com/software-engineer) can later change those pieces in the app's code.

Official site: <https://ui.shadcn.com>

## Connects to (12)

- [Tech stack](https://ecosystem.samcarlton.com/tech-stack): The set of programming languages and tools a product is built with.
- [UX / UI](https://ecosystem.samcarlton.com/ux-ui): UI, the user interface, is what people see and tap on the screen.
- [React](https://ecosystem.samcarlton.com/react): A JavaScript library for building user interfaces out of reusable pieces called components.
- [Tailwind CSS](https://ecosystem.samcarlton.com/tailwind-css): A styling framework for websites.
- [Open source](https://ecosystem.samcarlton.com/open-source): Software whose code is published for anyone to read, use and build on, under a license that sets the rules for doing so.
- [Vibe coding](https://ecosystem.samcarlton.com/vibe-coding): Building software by describing what you want to an AI tool and accepting the code it writes, often without reading that code closely.
- [Lovable](https://ecosystem.samcarlton.com/lovable): An AI app builder.
- [v0](https://ecosystem.samcarlton.com/v0): Vercel's AI app builder.
- [Bolt](https://ecosystem.samcarlton.com/bolt): StackBlitz's AI app builder at bolt.new.
- [Replit](https://ecosystem.samcarlton.com/replit): An online platform for writing, running and hosting code in a browser, with an AI agent that can build an app from a description.
- [Cursor](https://ecosystem.samcarlton.com/cursor): An AI code editor and coding agent made by the company Anysphere.
- [Figma](https://ecosystem.samcarlton.com/figma): A collaborative design 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>


Map view: https://ecosystem.samcarlton.com/shadcn-ui