Shadow Doppelgänger

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

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

Doppelgänger Text