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

install-magic-ui-and-nextjs-15 magic magic-ui nextjs15

Last synced: 20 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/officialrajdeepsingh/magicui-demo
Owner: officialrajdeepsingh
Created: 2025-04-17T14:22:14.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2025-04-18T17:21:02.000Z (over 1 year ago)
Last Synced: 2025-04-19T02:28:22.500Z (over 1 year ago)
Topics: install-magic-ui-and-nextjs-15, magic, magic-ui, nextjs15
Language: TypeScript
Homepage: https://codesandbox.io/p/sandbox/github/officialrajdeepsingh/magicui-demo
Size: 5.22 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# How to use Magic UI Library in Next.js 15?
Learn how to integrate the Magic UI library into a Next.js 15 project.

---
[How to use Magic UI Library in Next.js 15?](https://medium.com/frontendweb/how-to-use-magic-ui-library-in-next-js-15-c44939ada4a6)
---

## Demo

![magic ui demo](./.github/magic-ui-demo.gif)

## Getting Started

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

```bash
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.

```bash
pnpm install
# or
yarn install
# or
npm install
```

Lastly, run the development server:

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

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.