Reactive Face 🫣

Eyes follow, mouth eats, nose runs

Reactive Face — Interactive Animated Character Bring your Framer projects to life with a playful character that reacts to your visitors in real time. Reactive Face is a customizable interactive component built with React and Framer Motion. Its eyes follow the cursor, the face reacts to nearby movement, blinks naturally, tilts toward interaction, and can respond to clicks with a playful eating animation. It also includes optional idle movement, runny nose, blush, and reaction effects. Features Cursor-following eyes with adjustable speed and range Proximity-based face reactions and tilt Automatic blinking and idle eye movement Click-to-eat interaction with chewing animation Cookie, donut, burger, and candy options Optional “Yum!” feedback and click hint Runny nose and blush effects Fully customizable colors, sizing, shapes, and animation settings Framer Property Controls for easy customization Mobile visibility control Designed to be easy to customize directly in Framer, Reactive Face is a simple way to add personality and interactive motion to landing pages, portfolios, creative websites, 404 pages, and other playful experiences.

Eyes follow, mouth eats, nose runs