switch·Esc back

shadcn/ui

You might say

Is there a set of good-looking components I can copy into my project and customize?

A collection of editable UI component code that you add to a React projectAdding Button puts component files in your project, so changing those files changes the buttons on your site. It is not an online component service; your project owns the maintenance after you add it.
shadcn
Where does Button code go after the command runs?
Terminal
$ ls components/ui
(No Button yet)
components / ui
localhost:3000
The page uses a file in this project
How adding a component puts code in the project

The command adds filesAdding Button writes component files into the current project.

The files are yours to changeOpen the Button file to change its style, size, or behavior.

The preview uses that codeAfter you save, the page uses the updated project component.

Learn next
Further reading