The Foundation for your Design System - shadcn/ui

# shadcn/ui > shadcn/ui is a collection of beautifully-designed, accessible components and a code distribution platform. It is built with TypeScript, Tailwind CSS, and Radix UI primitives. It supports multiple frameworks including Next.js, Vite, Remix, Astro, and more. Open Source. Open Code. AI-Ready. It also comes with a command-line tool to install and manage components and a registry system to publish and distribute code. ## Overview - [Introduction](https://ui.shadcn.com/docs): Core principles—Open Code, Composition, Distribution, Beautiful Defaults, and AI-Ready design. - [CLI](https://ui.shadcn.com/docs/cli): Command-line tool for installing and managing components. - [components.json](https://ui.shadcn.com/docs/components-json): Configuration file for customizing the CLI and component installation. - [Theming](https://ui.shadcn.com/docs/theming): Guide to customizing colors, typography, and design tokens. - [Changelog](https://ui.shadcn.com/docs/changelog): Release notes and version history. - [Skills](https://ui.shadcn.com/docs/skills): Deep shadcn/ui knowledge for AI assistants like Claude Code. - [Directory](https://ui.shadcn.com/docs/directory): Community registries built into the CLI. ## Installation - [Next.js](https://ui.shadcn.com/docs/installation/next): Install shadcn/ui in a Next.js project. - [Vite](https://ui.shadcn.com/docs/installation/vite): Install shadcn/ui in a Vite project. - [Remix](https://ui.shadcn.com/docs/installation/remix): Install shadcn/ui in a Remix project. - [Astro](https://ui.shadcn.com/docs/installation/astro): Install shadcn/ui in an Astro project. - [Laravel](https://ui.shadcn.com/docs/installation/laravel): Install shadcn/ui in a Laravel project. - [Gatsby](https://ui.shadcn.com/docs/installation/gatsby): Install shadcn/ui in a Gatsby project. - [React Router](https://ui.shadcn.com/docs/installation/react-router): Install shadcn/ui in a React Router project. - [TanStack Router](https://ui.shadcn.com/docs/installati