Skip to main content

Setting up Shadcn

info

Before continuing, ensure your workstation has been set up with the Core Components, as well as components specific to the language ecosystem you're working in: [JavaScript] [Java] [.Net] [Python] [Rust]

Unlike traditional UI libraries (like MUI or Chakra), shadcn/ui doesn’t ship as an installable package — instead, it gives you actual source code for each component. This means:

  • You own the code — full control over how components look and behave

  • Easy customization — tweak styles and logic directly

  • Lightweight and composable — use only what you need, no unused bloat

Create a new project​

Run the init command to create a new Next.js project or to setup an existing one:

pnpm dlx shadcn@latest init

Add Components​

You can now start adding components to your project. A couple examples are listed below.

React Hook Form​

pnpm dlx shadcn@latest add form

Checkbox​

pnpm dlx shadcn@latest add checkbox

Radio Group​

pnpm dlx shadcn@latest add radio-group

See more components at https://ui.shadcn.com/docs/components