The latest articles on DEV Community by Vitaly Kosenko (@vitaly_kosenko). https://dev.to/vitaly_kosenko https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3176607%2F46085684-e53d-4054-a3c0-835420f56f4d.jpg https://dev.to/vitaly_kosenko en Vitaly Kosenko Sun, 18 May 2025 16:18:21 +0000 https://dev.to/vitaly_kosenko/3d-cube-that-reacts-to-music-built-with-javascript-css-1ei9 https://dev.to/vitaly_kosenko/3d-cube-that-reacts-to-music-built-with-javascript-css-1ei9 <p>Hey everyone! 👋</p> <p>I’ve recently built a little project where a 3D cube <strong>rotates and reacts to music</strong> in real time — all in the browser, without WebGL or external libraries.</p> <p>🎯 <strong>Features:</strong></p> <ul> <li>Automatically rotates with CSS animations</li> <li>Reacts to music volume using the Web Audio API</li> <li>Equalizer bars animated in real-time</li> <li>🔓 Secret mode if you click "Start" 5 times 😉</li> </ul> <p>👉 <strong>Try it live</strong>:<br><br> <a href="https://3d-cube-animations.netlify.app" rel="noopener noreferrer">https://3d-cube-animations.netlify.app</a><br> <a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fez40udnpz81ex27lum3j.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fez40udnpz81ex27lum3j.png" alt="Image description" width="800" height="533"></a></p> <p>🧠 <strong>Tech stack:</strong></p> <ul> <li>Vanilla JS</li> <li>HTML + CSS</li> <li>Netlify for hosting</li> </ul> <p>💬 I’d love to get your feedback or suggestions — or just let me know if it made you smile 😊</p> javascript css webdev sideprojects