vividsites
Start building
Theme
Start building — free

Hover Distort — 3D effects.

Photo cards that distort under the pointer: its velocity is painted into a fading flow map that drives a liquid smear, travelling ripples or a pixel mosaic, with a colour split along the stroke. Touch works by dragging across a card.

by vividsites Studio3DGLSLJSCSSCut from Hraun
Use in Create
Installs
1,374
Kind
3D · 3D effects
Snippet
257lines
Weight
16.3KB
Dependencies
0none
Added
30 Sep 2026
vividsites.app/c/hover-distort
Starting the preview…

The component’s own demo at 1280 × 800. Hover, click and scroll inside the frame.

Also from Hraun

More cut from Hraun, the site it came from.

More in 3D effects

More 3D effects, same paste.

See all