LiquidFolio

WebGL liquid distortion portfolio grid

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.