Field Synth is my hackathon entry: a small browser instrument built with Framer 3.0 agents. You can play it, tweak the sound, write patterns, and watch a visualizer react to what you hear.
I wanted to build something interactive, not just another page. A synth felt like a good test because it has lots of moving parts that all need to work together.
Control panel for shaping the sound
Keyboard for playing live
Step sequencer for writing patterns
Visualizer that moves with the music
The project splits into separate code components that share state, so everything stays in sync when you play.
Agents helped me build and refine each piece on its own, which made it much easier to iterate on things like mobile layout, dropdown styling, and syncing the visual to BPM.
What surprised me most is how well agents handled the interactive side of Framer, not just layout and content. With a clear structure and small steps, you can actually ship something fun that people want to touch.
Try it: tap play, turn a knob, hit a few keys, and see what happens.
Built with Framer 3.0 AI agents
Field Synth is my hackathon entry: a small browser instrument built with Framer 3.0 agents. You can play it, tweak the sound, write patterns, and watch a visualizer react to what you hear.
I wanted to build something interactive, not just another page. A synth felt like a good test because it has lots of moving parts that all need to work together.
Control panel for shaping the sound
Keyboard for playing live
Step sequencer for writing patterns
Visualizer that moves with the music
The project splits into separate code components that share state, so everything stays in sync when you play.
Agents helped me build and refine each piece on its own, which made it much easier to iterate on things like mobile layout, dropdown styling, and syncing the visual to BPM.
What surprised me most is how well agents handled the interactive side of Framer, not just layout and content. With a clear structure and small steps, you can actually ship something fun that people want to touch.
Try it: tap play, turn a knob, hit a few keys, and see what happens.
Built with Framer 3.0 AI agents
