Interactive Ghost: Free Interactions Component by Saadat Ali

Marketplace Components Categories Interactions

Add personality to your site with a highly interactive, SVG-morphed ghost. Features mouse-tracking eyes, custom chat bubbles, and two animation styles. Perfect for 404 pages, hero sections, and delightful user engagement.

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.