Avatar mad

playground

usage

Usage

This project was made for Next and Tailwind. Follow these steps to use this project:

1

Install Next and Tailwind

Start by creating a new Next.js project.

2

Run the CLI

Run the shadcn-ui CLI to setup the project.

3

Configure components.json

You will be asked a few questions to configure. Use CSS variables.

4

Customize the theme

Copy the theme from shadcn-ui to your project's CSS.

5

Add Tailwind Directives

These are not required, but some of the components have these classNames for animations.

6

Install recurring dependencies.

The CLI should install these, but you can install them manually if needed.

7

That's it!

You can now start adding components to your project. Just paste the components from the documentation and start the development server.

Typescript

This project was made with TypeScript. You are recommended to use TypeScript for better type safety.