VFX Image Liquid
A trippy liquid distortion effect for your images.
Overview
A trippy liquid distortion effect for your images.
- Custom liquid shader with organic wave patterns
- Adjustable intensity, speed, and scale
- Three.js WebGL powered performance
- Hover & Always trigger modes
- Image fit options (Fill, Cover, Contain)
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.
How to Use
Installation
VIDEO PLACEHOLDER: Installation Tutorial
- Log in to your account at framerhub.io
- Navigate to framerhub.io/dashboard
- Find VFX Image Liquid in your Recent Purchases
- Click the "Copy" button
- Open your Framer project
- 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.
VFX Image Liquid - $9
A trippy liquid distortion effect for your images.
You might also like
Why Choose Framer Hub Components
Loved by Framer teams
Used by Framer professionals who need premium, no-code experiences.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.