How to use Magic UI Library in Next.js 15?

Learn how to integrate the Magic UI library into a Next.js 15 project.

Demo

The first step is to clone the magicui-demo project with a git command.

git clone https://github.com/officialrajdeepsingh/magicui-demo.git

# change folder
cd magicui-demo

The next step is to install the Node Package using the Node Package Manager.

pnpm install
# or
yarn install
# or
npm install

Lastly, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.