---
title: "Fluid Reveal WebGL — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Visuvate Studio · Interactive. Cursor-driven WebGL fluid reveal"
canonical: "https://framer.elliotli.dev/component/fluid-reveal-webgl"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Fluid Reveal WebGL

# Fluid Reveal WebGL

Cursor-driven WebGL fluid reveal

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

![Fluid Reveal WebGL preview image 1](https://framer.elliotli.dev/og/component/fluid-reveal-webgl/ea99d921452befe9/1600x1200.jpg)

## Summary

Cursor-driven WebGL fluid reveal

## Description

Fluid Reveal turns your cursor into a brush that paints one layer through another — driven by a real GPU fluid simulation, not a canned mask animation.

Two layers, top and bottom. Move the cursor and the fluid dissolves the top layer wherever it flows, revealing what sits underneath. The brush stretches along the direction of motion, so fast movement draws long liquid trails and slow movement pools and spreads. Every splat obeys real velocity, curl and pressure — nothing is pre-rendered, so it never repeats and never loops.

Both layers take an image, a video, or a solid colour, each with its own Fit and Focus. The canvas composites with straight alpha, so a cut-out PNG on top lets your page background show through the unrevealed areas.

Ten controls shape the feel:

Linger — how long the reveal holds before fading back

Settle — how quickly the fluid comes to rest

Swirl — vorticity, for curling smoke-like motion

Brush Size / Force — the size and punch of each splat

Stretch — how far the brush elongates with speed

Reveal — the mask threshold

Liquid Edge — hard cut through to a soft feathered boundary

Quality — simulation resolution

Touch — enable reveal on mobile

Drop it in, connect a Top and Bottom layer, and it works at any size.

Falls back to the top layer if WebGL isn't available.

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

-   All · #7848

## Details

- **Author**: Visuvate Studio
- **Price**: $10.00
- **Published**: 2026-08-10
- **Updated**: 2026-08-11
- **Added**: 2026-08-10
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase