Libraries

Here you can find the libraries that are required to use the components.

1

Install Next.js

Install Next.js with create-next-app

bash
npx create-next-app@latest

You will then be asked the following prompts Next.js CLI :

bash
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias (@/*)? No / Yes
What import alias would you like configured? @/*

Once you've answered the prompts, a new project will be created with your chosen configuration.

2

Install TailwindCSS

Configure Tailwind CSS on your nextjs project Tailwind Docs

bash
cd my-project
npm install tailwindcss @tailwindcss/postcss postcss

Select v4 / v3 version of Tailwind CSS according to your project requirements.

3

Install Shadcn UI

Run the init command to create a new Next.js project or to setup an existing one Shadcn UI Docs

bash
npx shadcn@latest init