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.

WebGL liquid distortion portfolio grid