LiquidFolio

LiquidFolio
LiquidFolio

About LiquidFolio

What it does Hover any project image and watch it ripple like water. Real-time WebGL displacement shader — not a CSS filter.

Two modes

  • Manual — built-in grid with masonry option, add projects directly

  • CMS — drop inside a Collection List, connect your fields

Includes

  • Grid + Masonry layouts

  • 1-5 responsive columns (auto-adjusts for mobile)

  • Title + subtitle with full font control

  • Link support on every card

  • Border radius control

  • Cover / Contain image fit

Performance WebGL only runs on hover. Zero GPU cost at rest. No external dependencies.

Setup Drop it on your page. Add images. Preview. That's it.

From Flowit Supply

Pixelate Hover Trail
MotionBlur
Image Preloader
ShiftTabs

Related Components

Scroll Blur by Aki
Logo Stage Pro
Progressive Blur
Scroll Zoom Reveal