How to install and use Delta Components in your project.
You have two options to add a component to your project:
- Using the CLI
- Manually
Using the CLI
Install the following dependencies:
pnpm add tailwindcss@latest motion
Or follow the Tailwind CSS installation guide to setup Tailwind CSS in your project.
Add a component to your project (choose one):
Using the CLI:
pnpm dlx shadcn@latest add "https://deltacomponents.dev/r/component-name.json"
As of now, additional dependencies aren't installed automatically; they just
get added to the package.json file. You need to run npm install
or the equivalent command in your preferred package manager to install them.
The appropriate link is available in the "Installation" section of each component's documentation page.
Manually
Go to any of the components you want to use and copy the source code(s) from the "Installation" section. Make sure to update your imports accordingly.
Customization
All components in Delta Components are built to be customizable. You can modify the code to suit your needs, or extend the components with your own functionality. A useful way of modifying the component is by first opening it in v0 and prompt the AI for alterations.