DEV Community

Cover image for 🎵 3D Cube That Reacts to Music — Built with JavaScript + CSS
Vitaly Kosenko
Vitaly Kosenko

Posted on

🎵 3D Cube That Reacts to Music — Built with JavaScript + CSS

Hey everyone! 👋

I’ve recently built a little project where a 3D cube rotates and reacts to music in real time — all in the browser, without WebGL or external libraries.

🎯 Features:

  • Automatically rotates with CSS animations
  • Reacts to music volume using the Web Audio API
  • Equalizer bars animated in real-time
  • 🔓 Secret mode if you click "Start" 5 times 😉

👉 Try it live:

https://3d-cube-animations.netlify.app
Image description


🧠 Tech stack:

  • Vanilla JS
  • HTML + CSS
  • Netlify for hosting

💬 I’d love to get your feedback or suggestions — or just let me know if it made you smile 😊

Top comments (0)