Docs
Installation
Installation

How to install and use Delta Components in your project.

You have two options to add a component to your project:

  1. Using the CLI
  2. 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.