Live demo, running in your browser

Dithered gradient

A two-colour mint and navy hero where drifting metaball fields are rendered as chunky 1-bit Bayer-dithered pixels behind a bobbing stepped headline, with blinking cursors that all freeze on pause.

Code: MIT license.

Code

The complete hero as one HTML file, and the same hero as a React + TypeScript component. Free to use under the MIT license.

Made by 6to9. Back to all motion patterns.