Skip to content

component

Fluid Reveal

By Troy Miller

Details

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 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/

Introduction

Liquid Distortion Logo Reveal

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600165478/148/228/309/79/15
  • All · #6533