# Framer's Liquid and Logo Gradient shaders now respond to the cursor

By Steven Van · 2026-07-16

Spring-based mouse tracking is a new toggle on both shaders, with colour, motion and intensity all adjustable.

Framer has added mouse interaction to two of its Shaders: **Liquid Gradient** and **Logo Gradient**. Liquid Gradient moves animated colour fields across the screen as the cursor moves, while Logo Gradient applies a shifting gradient effect to SVGs and PNGs. Both use spring-based cursor tracking, and colours, motion and intensity can all be tweaked.

To turn it on, select a shader and click the **+** on its new Mouse property.

See the [original announcement](<https://www.framer.com/updates/interactive-shaders-liquid-logo>) for details. [Framer](<https://creatorstoolbox.com/tools/framer>)

[![](<https://framerusercontent.com/images/Fn3HcGoFEhUJRWVzSss20R5YpyI.png?width=1600&height=900>)](<https://www.framer.com/updates/interactive-shaders-liquid-logo>)

![Framer](<https://framerusercontent.com/images/aXvo6HfUhqvR7oFjFL8b4AcyGfg.png>)

Framer

No-code website builder with a visual canvas, built-in CMS, localization, scroll animations, and one-click publishing to fast hosting.

[View Framer →](<https://creatorstoolbox.com/tools/framer>)

[Original source](<https://www.framer.com/updates/interactive-shaders-liquid-logo>)

[Read Framer's Liquid and Logo Gradient shaders now respond to the cursor on Creators Toolbox](<https://creatorstoolbox.com/blog/framer-interactive-shaders-liquid-logo-gradient>)

---
Canonical source: https://creatorstoolbox.com/blog/framer-interactive-shaders-liquid-logo-gradient