---
title: "Shadow Doppelgänger — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Karim Saif · Text. Shadow Doppelgänger, a smooth cursor-reactive text effect built for Framer."
canonical: "https://framer.elliotli.dev/component/shadow-doppelg-nger"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Shadow Doppelgänger

# Shadow Doppelgänger

Doppelgänger Text

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

![Shadow Doppelgänger preview image 1](https://framer.elliotli.dev/og/component/shadow-doppelg-nger/c26c50518a1da9c2/1600x1059.jpg)

## Summary

Shadow Doppelgänger, a smooth cursor-reactive text effect built for Framer.

## Description

Shadow Doppelgänger

Bring your typography to life with **Shadow Doppelgänger**, a smooth cursor-reactive text effect built for Framer.

The original text stays perfectly in place while a second “ghost” copy follows your cursor with natural delay and inertia. As you move, the ghost reacts dynamically with displacement, velocity, stretching, directional skew, blur, and opacity—creating a fluid and expressive motion effect. When the cursor stops or leaves the component, the ghost smoothly returns to its original position.

## Preview

[https://xn--doppelgngershadowtext-c2b.framer.website/](https://xn--doppelgngershadowtext-c2b.framer.website/)

Move your cursor over the component and watch the typography come alive.

The ghost text reacts to your movement with:

-   Cursor-reactive displacement
    
-   Smooth delayed motion
    
-   Velocity-based movement
    
-   Dynamic horizontal stretching
    
-   Directional skew
    
-   Velocity-reactive blur
    
-   Dynamic opacity
    
-   Smooth return animation
    

## Great For

-   Hero sections
    
-   Portfolio websites
    
-   Creative agencies
    
-   Designer portfolios
    
-   Landing pages
    
-   Experimental typography
    
-   Interactive headlines
    
-   Personal websites
    
-   Modern product websites
    
-   Creative Framer projects
    

## Customize

Easily customize the effect directly from the Framer properties panel.

Control:

-   Text content
    
-   Font family, size, weight, spacing, and line height
    
-   Main text color
    
-   Ghost color
    
-   Ghost opacity
    
-   Ghost blur
    
-   Maximum movement distance
    
-   Velocity intensity
    
-   Follow delay
    
-   Motion smoothness
    
-   Stretch intensity
    
-   Directional skew
    
-   Return speed
    
-   Blur on/off
    
-   Stretch on/off
    
-   Skew on/off
    

Create anything from a subtle premium text interaction to a bold, highly expressive motion effect.

## Support

If you need help, have questions, or want to share feedback, feel free to reach out.

**X:** @karimsaif0 **Email:** [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

Made with 💛 by **Karim Saif**

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

-   All · #5155

## Details

- **Author**: Karim Saif
- **Price**: $6.00
- **Published**: 2026-09-07
- **Updated**: 2026-09-16
- **Added**: 2026-09-07
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing