Installation

Set up Shadcn

Shadcn UI is a collection of beautifully designed, accessible, and customizable React components that you can copy and paste into your apps. The setup process base on the shadcn/ui library, which provides a solid foundation for building modern user interfaces.

Add a components

You can add components to your project using the shadcn add command.

npx shadcn@latest add https://yuki-ui.vercel.app/r/{component-name}.json

npx shadcn@latest add https://yuki-ui.vercel.app/r/{component-name}.json

pnpm dlx shadcn@latest add https://yuki-ui.vercel.app/r/{component-name}.json

bunx --bun shadcn@latest add https://yuki-ui.vercel.app/r/{component-name}.json