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.
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.