Introduction

Design System UI is a collection of copy-paste developer utility components, hooks, and blocks for React. Each item is ready to drop into your project without locking you into a heavyweight package dependency.

Install anything from the catalog with the shadcn CLI. Items land in your codebase as source you own, so you can read, adapt, and extend them like the rest of your app.

Start with styles for the design system CSS foundation before installing components.

Browse components, hooks, and blocks to find what you need, then follow the install command on each page to add it to your project.