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.