Disco Shadow Text

Disco Shadow is an interactive RGB typography effect that reacts to your cursor movement. Move faster and the red, green, and blue channels split apart, creating a vibrant chromatic shadow that feels inspired by disco lights, CRT displays, and digital motion graphics.

✨ Preview

https://discoshadowtext.framer.website/

Great For

Disco Shadow works especially well for:

• Hero headlines

• Creative portfolios

• Digital agency websites

• Music and entertainment websites

• Fashion and editorial websites

• Experimental landing pages

• Interactive typography

• Art and design portfolios

• Posters and campaign pages

• Tech and futuristic interfaces

• Cursor-reactive experiences

Use it on a single headline for a subtle effect, or push the settings further for a bold psychedelic RGB distortion.

⚡ Features

• 🪩 Cursor-reactive RGB shadows

• 🎨 Independent Red, Green, and Blue colors

• 🖱 Velocity-based movement

• 💨 Smooth motion and inertia

• 📐 Adjustable RGB separation

• 🚀 Maximum separation control

• ✨ Velocity-driven glow

• 🌫 Adjustable glow blur

• 🎚 Custom opacity

• 🔤 Native Framer Font controls

• 📏 Font size and weight controls

• ✍ Letter spacing control

• ↕ Line-height control

• ↔ Text alignment control

• 🎨 Custom text color

• 🖼 Optional background color and opacity

• 📱 Touch-safe interaction

• ♿ Reduced-motion support

• 👁 IntersectionObserver optimization

• 📐 ResizeObserver support

• 🖥 DPR-aware canvas rendering

• ⚡ Performance-conscious animation

• 🧩 No external dependencies

🛠 Support

Need help using Disco Shadow or found an issue?

X: @karimsaif https://x.com/karimsaif0

Email: karimsaif010@gmail.com

Feel free to reach out for questions, bug reports, or feedback.