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 installornpm installin 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.