Page Wipe — 3D effects.

A full-bleed section transition in WebGL: the next page floods in behind a wobbling liquid edge led by a coloured band, with a lensing meniscus and a pushed, shaded old page. Wipes up, left or radially from the click, and the edge peeks in under a hovering pointer.

by vividsites Studio3DGLSLJSCSS

Use in Create

Installs: 1,078
Kind: 3D · 3D effects
Snippet: 300lines
Weight: 19.6KB
Dependencies: 0none
Added: 30 Sep 2026

vividsites.app/c/page-wipe

Starting the preview…

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

More 3D effects, same paste.

See all

Live

Click Ripple

3D effects · 3D

GLSL
JS
CSS

Live

Curved Gallery

3D effects · 3D

three.js
GLSL
JS
CSS

Live

Depth Photo

3D effects · 3D

GLSL
JS
CSS

Live

Dissolve Transition

3D effects · 3D

GLSL
JS
CSS