GitHub

Next.js

Instructions to install Shark UI in a Next.js project

Create project

To create a new Next.js project, you can use the following command:

Adding css

Replace everything in app/globals.css with the following:

globals.css

Run the CLI

Run the shadcn init command to setup your project:

You will be asked a few questions to configure components.json file.