---
title: "VFX Image Liquid"
canonical_url: "https://framerhub.io/components/vfx-image-liquid"
last_updated: "2026-06-15T14:46:32.221Z"
---

## VFX Image Liquid

Create a mesmerizing liquid distortion effect that brings your static images to life with smooth, organic wave-like motion.

## Features

**Fluid Motion**
Simulates a realistic liquid surface with adjustable wave patterns and organic secondary waves for a natural feel.

**Customizable Intensity**
Control the strength of the distortion from subtle ripples to dramatic warping effects.

**Flexible Triggers**
Set the effect to run continuously or reveal on hover with optional invert mode.

**Image Fit Options**
Choose how your image displays: Fill stretches to fit, Cover maintains aspect ratio and fills the container, Contain fits the entire image within bounds.

## Use Cases

**Abstract Art** — Turn ordinary photos into abstract, moving art pieces.

**Hero Sections** — Create dynamic, eye-catching hero backgrounds.

**Product Showcases** — Add visual interest to product images on hover.

**Portfolios** — Make portfolio images interactive and memorable.

![VFX Image Liquid Preview](/framerhub/img/components/control/vfx-image-liquid.jpg)

## How to Use

### Installation

**VIDEO PLACEHOLDER: Installation Tutorial**

1. Log in to your account at framerhub.io
2. Navigate to framerhub.io/dashboard
3. Find VFX Image Liquid in your Recent Purchases
4. Click the "Copy" button
5. Open your Framer project
6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

**Image Settings**

- Image: Upload your image or connect to CMS
- Image Fit: Choose Fill, Cover, or Contain

**Effect Settings**

- Strength: Control distortion intensity (0-10)
- Speed: Adjust animation speed (0-5)
- Scale: Set wave pattern scale (1-50)

**Trigger Settings**

- Trigger: Choose "Always" for constant effect or "On Hover" for interactive
- Invert Hover: Flip the hover logic (effect on mouseout)

### Quick Tips

**Subtle Effects** — Use strength 1-3 for elegant, subtle liquid motion.

**Dramatic Distortion** — Use strength 5+ for bold, eye-catching effects.

**Wave Size** — Lower scale values create tighter, faster waves. Higher values create larger, slower waves.

**Hover Interactions** — Pair with "On Hover" trigger for engaging user interactions.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

## Why Designers Love This

Instantly transform static images into dynamic, attention-grabbing visuals. The liquid effect adds a modern, premium feel to any project without complex setup or coding required.

---