Skip to content

component

LiquidHoverFX

By DiverseKit

Details

Summary

Fluid liquid-style hover effect

Description

LiquidHover FX is an interactive Framer component that creates a liquid-like motion when users hover over an element. The surface gently warps, bends, or ripples like water, producing a soft, organic response that feels tactile and premium. You can apply the effect to buttons, cards, images, or sections. Customize distortion strength, radius, speed, easing, and direction. Adjust colors, blur, glow, and layering to achieve subtle elegance or bold, experimental visuals. Built for smooth performance, the animation enhances interaction without distracting from content. Ideal for hero CTAs, feature cards, galleries, and creative portfolios, LiquidHover FX transforms flat UI into a dynamic, fluid experience that feels modern and memorable.

Introduction

Fluid liquid-style hover effect

Rank history

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

120014001600174228/148/228/309/79/15
  • All · #7422