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.

Why I built it

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.

What's inside

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.

What agents helped with

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

Suggested for you

Suggested for you

Suggested for you