Components

A styled button with six visual variants and native button attributes.

A custom cursor that morphs into a dashed frame around interactive elements on hover. Features spring animations, marching ants dash animation, per-element color customization, and reduced motion support.

A responsive canvas signature pad with animated sand particle effects when a signature is cleared.

Autumn porchVermont

Autumn porchVermont

Lake pathMaine

Lake pathMaine

Ridge lightColorado

Ridge lightColorado

Golden hourOregon

Golden hourOregon

Split Stack Photo

A photo card stack where the front card splits in two, travels through the stack, then rejoins at the back in an infinite loop.

Blue hour

Blue hour

Dusk

Dusk

Pink drift

Pink drift

Pink drift

Pink drift

Split Stack

A stack of cards where the front card splits down the middle, both halves swing out, hop back through the stack one card at a time, then rejoin at the back. Infinite loop with smooth Framer Motion animations.

Autumn porchVermont

Lake pathMaine

Ridge lightColorado

Golden hourOregon

Fern floorWashington

Split Stack Particles

A photo-card stack where the front card breaks into animated mosaic blocks, scatters, travels through the stack, and reforms at the back. Includes reduced-motion handling, hover controls, and per-card styling.

A canvas dot-matrix loader that shimmers, forms text, a scene, or an orb, then dissolves and loops.

Text built from pixels that reacts to the cursor. The real text stays in the DOM (SEO, screen readers, selection, copy). A canvas paints it and lifts only the pixels the cursor touches. Pixels are generated lazily per 128px tile near the cursor and only moving pixels are simulated, so cost does not grow with text length. Very tall text is windowed to the viewport. Honors prefers-reduced-motion.