Shadcn UI CLI

Run shadcn commands from packages/ui.

cd packages/ui
pnpm exec shadcn add <component-name>

Switching Shadcn UI theme

To switch to a supported Shadcn UI theme, edit the packages/ui/components.json configuration file with the theme you wish to use, for example base-vega:

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "base-vega",
  ...
}

Run the command:

Move to the folder packages/ui:

cd packages/ui

And re-add all the Shadcn UI components using the new theme:

pnpm exec shadcn add --all --yes

Format files from the root folder to ensure these files use the same format as the rest of the codebase:

pnpm format:fix

Importing

After adding and exporting a component, consume it through @kit/ui/....