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)