Soundwave is a beat machine built with Framer 3.0 AI agents and custom canvas components.
You can tap out rhythms, build patterns, watch the waveform react in real time, and share a beat with one click. It is small, playful, and made to feel more like an instrument than a webpage.
I wanted to see how far I could push Framer beyond a static interface. The beat machine combines interaction, timing, audio, state, visuals, and a lot of tiny details that all have to stay in sync.
Synth tone builder
Six drum pads for playing live, controlled by your keyboard
Up to 6 track sequencers for building layered rhythms dependent on your screen size
Real-time waveform that responds to the beat
One-click sharing for saving and sending patterns
A vintage-inspired interface with modern app behavior
The build is a hybrid setup between Framer's AI agent and hand-placed canvas components to give me the control I needed for the more interactive parts.
Build a rhythm, watch the waveform move, and share your beat.
Soundwave is a beat machine built with Framer 3.0 AI agents and custom canvas components.
You can tap out rhythms, build patterns, watch the waveform react in real time, and share a beat with one click. It is small, playful, and made to feel more like an instrument than a webpage.
I wanted to see how far I could push Framer beyond a static interface. The beat machine combines interaction, timing, audio, state, visuals, and a lot of tiny details that all have to stay in sync.
Synth tone builder
Six drum pads for playing live, controlled by your keyboard
Up to 6 track sequencers for building layered rhythms dependent on your screen size
Real-time waveform that responds to the beat
One-click sharing for saving and sending patterns
A vintage-inspired interface with modern app behavior
The build is a hybrid setup between Framer's AI agent and hand-placed canvas components to give me the control I needed for the more interactive parts.
Build a rhythm, watch the waveform move, and share your beat.