Reactive Face 🫣

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.