Interactive components,
ready to ship.

An interactive grid background whose lines and nodes ripple outward wherever you click.

An interactive dot-grid background whose dots move away from the cursor.

An interactive keyboard that lights up as you type and can type out your text on a loop. A hero visual for developer tools.

A reading-progress bar that tracks scroll position across the page or inside any scroll container.

A split-flap clock and countdown timer with smooth flip animations, in four sizes and several variants.

A call-to-action button with an animated pixel arrow, in four sizes and any colour.

A neon button whose pixel panel sweeps across it on hover and keyboard focus.

A status badge with a pulsing beacon dot and a blur-in label, for live, new and alert states.

A headline that cycles through words with a typewriter wipe, a coloured cursor and optional gradient text.

Text that decrypts into place: random characters scramble, then resolve letter by letter.

A text reveal that slides characters, words or lines up into view, with stagger and scroll triggers.

Text that comes into focus from a blur, letter by letter, on mount or when scrolled into view.

A light sweep that glides across text, for loading states and "thinking" indicators.

A flowing, glossy WebGL fluid background with configurable colours, speed and complexity.

A glowing 3D sphere rendered with Three.js and a bloom pass, for hero sections.