---
title: "Fluid Reveal — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Troy Miller · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/fluid-reveal"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Fluid Reveal

# Fluid Reveal

Liquid Distortion Logo Reveal

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

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

## Summary

Fluid Reveal.

## Description

Fluid Reveal - Animated Liquid Logo Effect

Transform your logo into a mesmerizing liquid experience with Fluid Reveal. This component creates a smooth, animated reveal effect using advanced shader-based distortion that makes your logo appear to flow.

## What It Does

Fluid Reveal applies a dynamic liquid distortion effect to your logo with an elegant wipe animation. The distortion uses fractal Brownian motion (FBM) noise to create organic, flowing movement that catches the eye without overwhelming your brand. As the wipe animation progresses across your logo, the liquid effect intensifies, creating a sophisticated reveal that elevates any hero section, landing page, or brand showcase.

## Key Features

**Flexible Image Input**

-   Upload PNG or JPG logos with transparency support
    
-   Paste SVG code directly for vector graphics
    
-   Automatic aspect ratio preservation
    
-   Fallback white rectangle included for testing
    

**Real-Time Customization**

-   **Scale**: Adjust logo size (0.1x - 3x)
    
-   **Intensity**: Control distortion strength (0 - 0.3)
    
-   **Speed**: Set animation velocity (0 - 1)
    
-   **Duration**: Customize wipe timing (0.5s - 10s)
    
-   **Delay**: Set pause between animation loops (0s - 3s)
    
-   **Toggle Animation**: Turn the wipe effect on/off
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-7ru0gzor-99NtypUPOriV9TK2YPlkBe6o2aYtDU)

**IMPORTANT:** Due to the nature of digital code components, **all sales are final and non-refundable**. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

**Before purchasing, please:**

-   Review the component demo and documentation carefully
    
-   Check the feature list to ensure it meets your needs
    
-   Contact us at troy@fireislanddesign.com with any pre-purchase questions
    

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.merokeeventures.com/)

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

-   All · #6881

## Details

- **Author**: Troy Miller
- **Price**: $3.00
- **Published**: 2026-01-13
- **Updated**: 2026-06-17
- **Added**: 2025-12-28
- **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