---
title: "LiquidHoverFX — Framer component · Best of Framer"
description: "$15.00 · Framer component · by DiverseKit · Effects. Fluid liquid-style hover effect"
canonical: "https://framer.elliotli.dev/component/liquidhoverfx"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/LiquidHoverFX

# LiquidHoverFX

Fluid liquid-style hover effect

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

![LiquidHoverFX preview image 1](https://framer.elliotli.dev/og/component/liquidhoverfx/63aaf30c5ceaff38/1600x1200.jpg)

## 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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-f27jap2z-cyUJM0Ct29J9R1O4a3AEGe2fcHob9q)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

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

-   All · #6872

## Details

- **Author**: DiverseKit
- **Price**: $15.00
- **Published**: 2026-02-20
- **Updated**: 2026-10-01
- **Added**: 2026-02-13
- **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