Using shadcn/ui

Overview

shadcn/ui is a collection of re-usable, accessible React components built on Radix UI and Tailwind CSS. Unlike traditional component libraries, shadcn/ui copies components directly into your project, giving you full ownership and customization control.

Core principle: Components live in your codebase. You own the code. No package.json dependency.

When to Use

Use shadcn/ui when:

• Building React applications with Tailwind CSS
• Need accessible, customizable UI components
• Want pre-built patterns without library lock-in
• Implementing common UI patterns (forms, dialogs, dropdowns, etc.)
• Starting new projects that need design system foundation
• Need production-ready blocks for hero sections, pricing, testimonials, etc.