installation

Manual Installation

Add dependencies to your project manually.

Add Tailwind CSS

Components are styled using Tailwind CSS. You need to install Tailwind CSS in your project.


Follow the Tailwind CSS installation instructions to get started.

Add dependencies

Add the following dependencies to your project:


Configure path aliases

Configure the path aliases in your tsconfig.json file.


tsconfig.json

Configure styles

Add the following to your styles/globals.css file.


globals.css

Add a cn helper

lib/utils.ts

Create a components.json file

Create the file in root of your project


components.json

Now you are good to go and you can add components.