About Shadow Doppelgänger
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/
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
Made with 💛 by Karim Saif
