Documentation

Installation

Registry components are copied into your project. You own and adapt their source.

Requirements

Use a Next.js or React project with Tailwind CSS, TypeScript, and pnpm. The project must have shadcn initialized.

1. Initialize shadcn

terminal

pnpm dlx shadcn@latest init

2. Install a registry component

terminal

pnpm dlx shadcn@latest add https://awwwardedui.vercel.app
/r/marquee-strip.json

The CLI downloads the registry definition, installs declared packages, and adds the component to the target set in the registry.

What is added?

The selected component is added to your configured components/ui directory. Neither current component requires an additional package.

Source ownership and removal

After installation the component is ordinary project source. Modify it freely. To remove it, delete its installed file and uninstall any dependency no longer used elsewhere.

Troubleshooting

Run the command from the app root containing components.json.
Ensure the registry URL is reachable; use your deployed URL outside local development.
If aliases differ, confirm the shadcn configuration points to a valid lib/utils.ts utility.