For my hackathon entry, I built a playful 3D gallery with Framer 3.0 agents.

The idea was simple: take a regular CMS collection and turn it into something that feels more alive. Instead of showing cards in a normal grid, the items float around in space, move as you scroll, react to drag, and can switch between a spiral and a sphere layout.

Why I built it

I’ve wanted to build something like this for a long time, but I never really had the time to sit down and make it happen. With agents, I built it in under 3 hours, including a lunch break.

What’s inside

CMS-powered cards
Spiral and sphere layouts
Scroll-reactive movement
Drag interaction
Sound that reacts to scroll
Live controls for layout, speed, radius, rotation, opacity, curvature, and distribution
Desktop, tablet, and mobile versions

How agents helped

Agents helped me take this from concept to implementation. I used them to shape the initial idea, explore how the interaction could work, and then build the actual components step by step, from the spiral and sphere layouts to scroll-reactive motion, drag interaction, sound, CMS connection, and responsive behavior.

It really feels like the age of creative freedom.

Imagined by me, built with agents.

Suggested for you

Suggested for you

Suggested for you