A minimalist music website built around the idea of “sound in every button” // a synth-inspired interactive space where users mix and layer sound by hovering over elements, blending audio, motion, and interface into one immersive experience.
Next.js // React // WebGPU // Three.js (TSL) // Canvas 2D
Design, UI /
UX Development, Frontend Development
Led the full development cycle — from concept and UI/UX design to real-time graphics and interactive audio implementation. Focused on merging sound, motion, and minimalism into a cohesive digital music experience.
What I learned through this project:
The hero section features a particle-based scene powered by WebGPU and custom TSL shaders via Three.js. Heavy calculations are moved to a Web Worker to keep the main thread responsive and ensure smooth animation.
A real-time audio analyzer built with the Canvas 2D API transforms frequency data into reactive visual elements, strengthening the connection between sound and interface.
Images use scroll-only parallax effects to create spatial layering and depth while maintaining a clean minimalist layout.
Numerous custom CSS animations enhance typography, transitions, and UI states, creating a refined and visually polished experience.
steps of development