---
title: "Gradient Visualizer — Framer component · Best of Framer"
description: "$8.00 · Framer component · by THE DESIGN FUTURIST · Effects. A animated gradient shader visualizer"
canonical: "https://framer.elliotli.dev/component/gradient-visualizer"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Gradient Visualizer

# Gradient Visualizer

A animated gradient shader visualizer

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

![Gradient Visualizer preview image 1](https://framer.elliotli.dev/og/component/gradient-visualizer/41a5768b89ef47bf/1600x1200.jpg)

## Summary

A animated gradient shader visualizer

## Description

Create stunning visuals with a animated gradient shader visualizer. Grain textures and scan lines add a retro, dreamlike vibe, while interactive mouse effects enhance the experience. Fully customizable — see the customizable properties for all options.

### Customizable Properties

1.  Media Type
    
    -   Image / Video
        
2.  3-Color Selection
    
3.  Grain Filter (%)
    
4.  Scanline Filter (%)
    
5.  Animation Speed
    
6.  Fade
    
    -   Enabled / Disabled
        
7.  Edge Curve (%)
    
8.  Mouse Interaction
    
    -   Enable / Disabled
        
    -   Pixel Size (px)
        
    -   Power
        
    -   Decay
        
    -   Brush Size
        

### Have Questions?

[hello@thedesignfuturist.zip](mailto:hello@thedesignfuturist.zip)

![https://thedesignfuturist.zip](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-usav60c3-5ejHMeskFlZioocQiyJx5eIiEnoRt2)https://thedesignfuturist.zip

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

-   All · #740

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $8.00
- **Published**: 2026-02-12
- **Updated**: 2026-06-04
- **Added**: 2026-02-02
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows