---
title: "Interactive Ghost — Free Framer component · Best of Framer"
description: "Free Framer component · by Saadat Ali · Interactive. Animated mascot with 6 custom moods."
canonical: "https://framer.elliotli.dev/component/interactive-ghost"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Interactive Ghost

# Interactive Ghost

Animated mascot with 6 moods

[View on Framer](https://framer.com/marketplace/components/interactive-ghost/?via=elliot-li)

![Interactive Ghost preview image 1](https://framer.elliotli.dev/og/component/interactive-ghost/b7fc0c7e4b2135ef/1600x1200.jpg)

## Summary

Animated mascot with 6 custom moods.

## Description

\-----------------------------------------------------------------------------------------------

## Add Premium Components To Your Projects:

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-g094t2v1-8wrj2R4JsfS8dz3uRkUmPxMk3a0JAx)](https://marketplace.framer.com/@saadat-ali-designsbysadat/)[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ectn8thw-7b1PJqGkGxVCbwcjGww89DIM89TglR)](https://www.framer.com/marketplace/components/liquid-glass-logo/)

## Core Feature

-   **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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #1359

## Details

- **Author**: Saadat Ali
- **Published**: 2026-03-24
- **Updated**: 2026-09-14
- **Added**: 2026-03-13
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step