---
title: "Flow Current — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Artem Kireev · Effects. Flowing color that reacts to you"
canonical: "https://framer.elliotli.dev/component/flow-current"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Flow Current

# Flow Current

Flowing color that reacts to you

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

![Flow Current preview image 1](https://framer.elliotli.dev/og/component/flow-current/c5e407868de8a50c/1600x1243.jpg)

## Summary

Flowing color that reacts to you

## Description

FlowCurrent is a WebGL shader background that renders a soft, continuously flowing color field, like dye drifting through water. Flip one Trigger control and it changes behavior entirely: let it drift on its own, bend it toward your cursor, or tie it to scroll speed. It's built to work as a hero background, a section divider, a card background, or a low-opacity overlay on top of other content, not just a one-off hero visual.

### **Customize in Framer:**

-   3 color stops for the gradient — any brand palette
    
-   Pattern Scale, Speed, and Warp Strength to shape how the flow looks
    
-   Trigger: Ambient Drift, Cursor Reactive, or Scroll Reactive
    
-   Reactivity to control how strongly cursor/scroll movement pushes the flow
    
-   Grain for subtle texture and banding reduction
    
-   Opacity and Blend Mode (Normal, Screen, Multiply, Overlay, Soft Light) to layer it over other content
    
-   Freeze toggle for a still frame instead of animating
    

**Use it for:**

-   A hero section background that matches your brand colors out of the box
    
-   A section divider or full-bleed atmosphere layer between static content blocks
    
-   A faint Screen-blended overlay on top of a product shot or photo grid
    

### Additional details

-   **Trigger modes** — Ambient, Cursor, or Scroll reactive, switchable with one control
    
-   **Color controls** — 3 gradient stops, works with any brand palette
    
-   **Blend mode** — Normal, Screen, Multiply, Overlay, or Soft Light, so it can sit on top of other content
    
-   **Graceful fallback** — static CSS gradient in the canvas editor, static exports, and browsers without WebGL
    
-   **Performance-aware** — pauses its render loop when scrolled off-screen
    

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

-   All · #4094

## Details

- **Author**: Artem Kireev
- **Price**: $5.00
- **Published**: 2026-08-16
- **Updated**: 2026-08-16
- **Added**: 2026-08-16
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo