❍ Catalogue
Components
16 components. Copy-paste ready, shadcn-compatible.
Encrypted Text Reveal
Characters scramble through random glyphs then resolve to the final text on scroll.
Warp Grid Background
Canvas grid vertices displaced by evolving value noise — drifts continuously, or warps locally around the cursor.
Phosphor Sweep Background
Rotating beam sweeps a dot grid, leaving dots to fade with phosphor-persistence decay.
Flow Field Background
Curl noise vector field rendered as dense directional strokes — cursor parts the flow.
Dither Spotlight
A WebGL cursor spotlight rendered as ordered halftone dots instead of a soft glow.
Depth Button
A tactile raised button with a fixed depth base — lifts on hover, snaps down on press.
Magnetic Button
A button that translates toward the cursor with spring physics, with the label counter-drifting to create a sense of mass.
Clock hands align to form letterforms
Kinetic Wall
A grid of miniature analog clocks whose hands choreograph to spell words — inspired by kinetic clock installations.
Combination Text
A mechanical combination lock that spins through characters to form words.
Springy Text
Words fall into place with individual spring physics on scroll enter, drop away downward on exit.
Matrix Hero
Full-width hero section with cascading matrix rain and centered green-phosphor glow text.
Specimen Carousel
An editorial carousel for type, product, or archive specimens with numbered tabs and hard snap motion.
Mechanical Keyboard
Full Mac keyboard with tactile depth-button keycaps — lifts on hover, snaps on press, plays synthesised mechanical click sounds via WebAudio.
Particle Word
A word sampled into thousands of ink particles that spring-assemble on mount, drift with organic noise, and scatter away from the cursor.
Velocity Band
A typographic marquee whose drift speed and skew react to scroll velocity — rows alternate direction and lean into hard scrolls.
Word Reveal
A paragraph that reveals word-by-word as it scrolls through the viewport — ink rising to full strength, scrubbed directly to scroll position.