I wanted to make typography feel less static.

So I built Disco Shadow 🪩, an interactive RGB typography effect for Framer.

The idea is simple:

Move your cursor and the RGB channels separate based on your movement velocity.

🔴 Red moves against the direction 🟢 Green shifts perpendicular 🔵 Blue follows the movement

Then everything smoothly settles back when you stop.

The component includes:

• Native Framer Font controls

• Custom RGB colors

• Cursor velocity

• Smooth inertia

• Adjustable separation

• Velocity-driven glow

• Reduced-motion support

• Responsive canvas rendering

• Viewport-aware performance optimization

• No external dependencies

It works especially well for hero sections, portfolios, experimental websites, music, fashion, and creative agencies.

🎥 Try the live preview:

I wanted to make typography feel less static.

So I built Disco Shadow 🪩, an interactive RGB typography effect for Framer.

The idea is simple:

Move your cursor and the RGB channels separate based on your movement velocity.

🔴 Red moves against the direction 🟢 Green shifts perpendicular 🔵 Blue follows the movement

Then everything smoothly settles back when you stop.

The component includes:

• Native Framer Font controls

• Custom RGB colors

• Cursor velocity

• Smooth inertia

• Adjustable separation

• Velocity-driven glow

• Reduced-motion support

• Responsive canvas rendering

• Viewport-aware performance optimization

• No external dependencies

It works especially well for hero sections, portfolios, experimental websites, music, fashion, and creative agencies.

🎥 Try the live preview: