Simple Music Visualizer built with TS Particles and Next.js 13.
Technology | Description | Link |
---|---|---|
Next.js 13 | The React Framework | https://nextjs.org/ |
Tailwind CSS | Utility-first CSS Framework | https://tailwindcss.com/ |
TS Particles | Animated Particles for Background | https://particles.js.org/ |
p5 Code Art | JS library for creative code art | https://p5js.org/ |
Framer Motion | Motion library for animation | https://www.framer.com/motion/ |
Locomotive Scroll | Smooth scrolling library | https://github.com/locomotivemtl/locomotive-scroll |
-
Fork the project. Click on the fork icon in the top right to get started.
-
Clone the project, you can use the following command:
git clone https://github.com/<your-github-username>/music-visualizer
-
Navigate to the project directory
cd music-visualizer
-
Install dependencies with
yarn install
ornpm install
in both client and server folderyarn install or npm install
-
Run the development server:
yarn dev or npm run dev
- Contributions make the open source community such an amazing place to learn, inspire, and create.
- Any contributions you make are greatly appreciated.
No LICENSE.