---
title: "Interactive Gradient — Free Framer component · Best of Framer"
description: "Free Framer component · by Weblr Studio · Backgrounds. 🎨 Dynamic Visuals Add depth with animated gradients that respond to mouse movement."
canonical: "https://framer.elliotli.dev/component/interactive-gradient"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Interactive Gradient

# Interactive Gradient

[View on Framer](https://framer.com/marketplace/components/interactive-gradient/?via=elliot-li)

![Interactive Gradient preview image 1](https://framer.elliotli.dev/og/component/interactive-gradient/6e8a5126e2f4128f/1600x1200.jpg)

## Summary

🎨 Dynamic Visuals Add depth with animated gradients that respond to mouse movement.

## Description

🎨 Dynamic Visuals

Add depth with animated gradients that respond to mouse movement. with silky, edge-safe hover—no snapping—plus seamless looping

⚡ Presets & Customization

Choose ready-made gradient presets or design your own with full control.

🌐 Perfect for Framer

Lightweight, smooth, and professional—ideal for modern interactive web projects.

**Note:** This is a digital product. Purchases are non-refundable, except in cases of serious technical issues.

## Rank history [How rankings work →](/terms#rankings)

-   All · #772

## Details

- **Author**: Weblr Studio
- **Published**: 2025-09-05
- **Updated**: 2025-10-10
- **Added**: 2025-08-24
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background