Installing Delta Components UI components is straightforward using the standard shadcn CLI with our custom registry URL. If you prefer, you can follow the video tutorial
pnpm dlx shadcn@latest add https://deltacomponents.dev/r/<component>.jsonFor example, to install the orb component:
pnpm dlx shadcn@latest add https://deltacomponents.dev/r/orb.jsonPrerequisites
Before installing Delta Components UI, make sure your environment meets the following requirements:
- Node.js version 18 or later
- A Next.js project
- shadcn/ui setup in your project. If you don't have it setup, running any install command will set it up for you.
Installing components
You can install Delta Components UI components using the shadcn/ui CLI with our registry URL. This will add the selected component's code and any needed dependencies to your project.
The CLI will download the component's code and integrate it into your project's directory (usually under your components folder).
After running the command, you should see a confirmation in your terminal that the files were added. You can then proceed to use the component in your code.