Add components

The install page covers the first component. This guide covers the rest.

With your package manager

The shadcn CLI runs from any package runner and installs dependencies with the package manager your lockfile points to.

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://ui.tealmac.com/r/marquee.json
Copy

By namespace

Register the namespace once in components.json:

Copy{
  "registries": {
    "@tealmac": "https://ui.tealmac.com/r/{name}.json"
  }
}

Then use short names, and see what's available from the terminal:

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @tealmac/tag-input
npx shadcn@latest search @tealmac --query "input"
npx shadcn@latest view @tealmac/tag-input
Copy

Several at once

Pass as many names or URLs as you like. Shared dependencies install once.

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @tealmac/otp-input @tealmac/password-strength @tealmac/stepper
Copy

Preview before you write

view prints the item's JSON, including every file it will write and every package it will install, without touching your project:

pnpmnpmyarnbun
pnpm dlx shadcn@latest view https://ui.tealmac.com/r/globe.json
Copy

By hand

Every component page has a Manual tab with the full source. Copy it into components/ui/<name>.tsx, install the npm packages listed on the page, and fix the import paths if your aliases differ from @/components and @/lib.

Monorepos and custom paths

The CLI follows the aliases in components.json. In a monorepo, run it from the package that owns your UI (or pass --cwd):

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @tealmac/marquee --cwd packages/ui
Copy

To put one item somewhere else, use --path:

pnpmnpmyarnbun
pnpm dlx shadcn@latest add @tealmac/marquee --path src/components/effects
Copy

Troubleshooting

• The import can't be found: check that the ui and utils aliases in components.json match your tsconfig.json paths.
• Styles look plain: your global CSS needs the shadcn/ui theme variables. Run npx shadcn@latest init, or install a theme.
• A file already exists: the CLI asks before overwriting. Pass --overwrite only when you mean to replace your copy.