Template 6/10 · WebGL + Pexels

Liquid headlines from a live news feed.

Each reload pulls fresh editorial imagery from Pexels and pours it through a WebGL distortion plane. Hover cards to “pour” different images into the canvas.

Source: Pexels “news” search endpoint (per_page=1, random pages). Distortion powered by a simple displacement shader in Three.js.

Live news wall

Cards below are simple Pexels thumbnails. Hover a card to route its image into the WebGL canvas and animate a liquid distortion.