Interactive Ghost — Animated mascot with 6 custom moods.

Elevate your Framer project with a touch of interactive magic. The Interactive Ghost is a lightweight, code-based component designed to react to your users in real-time. Whether you need a sympathetic 404 guide or a playful portfolio mascot, this component is fully customizable to fit your brand.

Core Features

• Dynamic Moods: Seamlessly morph between Neutral, Happy, Sad, Excited, Angry, and Anxious.

• Physics-Based Tracking: Eyes smoothly follow the user's cursor for an "alive" feel.

• Click-to-Chat: Toggle an animated speech bubble with your own custom quotes.

• Full Customization: Control every color, scale, and animation speed directly from the Framer sidebar.

• High Performance: Built with pure React and SVG—no bulky assets or external dependencies.

Usage Examples

• 404 Pages: Use the "Sad" mood to guide lost visitors back home.

• Landing Pages: A friendly "Happy" welcome in the hero section.

• Easter Eggs: Hide a "Neutral" ghost in your footer for users to discover.