← All Components
Card
Liquid Image Effect
$8
A card component built for Framer. Live preview below — interact with it directly before you buy.
About Liquid Image Effect
LiquidImageEffect is a WebGL-powered interactive image distortion component for Framer. Images come alive with fluid, real-time effects triggered by mouse movement and touch — no setup, no coding required. Choose from four distinct distortion styles and drop it anywhere on your canvas.
Features
- →Ripple — fluid wave ripples that spread from your cursor
- →Melt — gravity-defying drip effect that follows your mouse
- →Bulge — a magnetic lens that pushes and pulls the image
- →Glitch — chromatic slice distortion for a raw digital aesthetic
- →Smooth easing — cursor tracking with adjustable lag and inertia
- →Touch support — tap and drag on mobile and tablet
- →Demo Mode — on-canvas controls panel for live previewing effects
- →Adjustable strength, radius, speed and easing per instance
- →Corner radius control for seamless integration in any layout
- →Built-in static & WebGL fallback handling
- →10+ property controls across layout, animation and style
Use Cases
- →Portfolio & personal branding hero sections
- →Creative agency & studio showcase pages
- →Fashion & lifestyle product landing pages
- →Photography & visual storytelling websites
- →Music, film & entertainment microsites
- →SaaS marketing & interactive feature highlights
- →Architecture & interior design portfolios
- →Luxury brand & high-end product pages
- →Editorial & magazine-style feature sections
- →Event, concert & launch page hero visuals
Best value
Get every component with All-Access — $129
Liquid Image Effect and all 122 others, current and future.
Get All-Access
