AI Puppet is my submission for the Framer Agents Hackathon — an interactive digital puppet experience built to explore motion, creativity, and playful interaction through Framer.

Why I built it

I wanted to create something that feels less like a traditional website and more like an interactive art piece. A puppet is a simple idea, but it creates a unique connection between movement, control, and emotion. I explored how animations, interactions, and visual effects could transform a static character into something that feels alive.

What’s inside

• Interactive puppet character with animated movements • Real-time mood and pose controls • Multiple puppet states like dance, walk, jump, float, glitch, and collapse • Dynamic string movement connected to the controller • Custom cursor interactions and particle effects • Cinematic lighting, fog, and atmospheric visuals • Responsive experience built for smooth interaction

What agents helped with

Framer 3.0 agents helped accelerate the creative development process. I used them to experiment with interactions, refine animations, improve component structure, and quickly iterate on the overall experience.

Instead of focusing only on implementation, agents helped me spend more time on the creative direction, motion details, and making the interaction feel natural.

What surprised me most

The biggest surprise was how quickly an idea could become a complete interactive experience. Being able to test different animation concepts and refine details faster made the entire process more creative and enjoyable.

This project is an experiment in making the web feel more alive — combining design, motion, and interaction into a playful digital experience.

Built with Framer 3.0 agents.

Suggested for you

Suggested for you

Suggested for you