Components

57 copy-paste components across kinetic type, pointer interaction, cursors, scroll-driven motion, raw-WebGL2 shaders, real physics, and UI. Hover, click, drag and scroll — every demo below is live. Copy the install command on any card.

Text

Split Text

Shiny Text

Gradient Text

Count Up

Variable Proximity

Magnetic Text

Gravity Text

Elastic Text

Scramble Text

Text Reveal

Interaction

Magnetic

Spotlight Card

Tilt Card

Holographic Card

Click Spark

Dot Grid

Cursor & Pointer

Inertia Cursor

Elastic Cursor

Image Trail

Pixel Trail

Crosshair

Scroll-Driven

42 more need the whole page ↓

Scroll Velocity

Parallax Layers

Shaders & Light

Liquid Metal

Thin Film

Caustics

Halftone Gradient

Volumetric Rays

Curl Flow

Refracted Glass

Brushed Metal

Moiré Weave

Velvet Sheen

Translucent Wax

Diffraction Grating

Physics & Art

Spring Mesh

Cloth

Metaballs

Rope

Pendulum Wave

Newton's Cradle

Water Ripple

Gravity Wells

Magnetic Field

Soft Body

Plucked String

Falling Sand

Components

Star Border

Dock

Marquee

Card Swap

Gooey Nav

Bento Grid

Elastic Slider

Circular Gallery

Full height

These two are driven by the page scroller and pin themselves to the viewport, so a 200px preview tile would tell you nothing. Scroll through them.

Regulation

Read it before opening Figma.

Risk

The default must be the safe one.

Evidence

Every number carries its source.

Scale

Built once, applied everywhere.

Scroll Stack

PROGRESS 0%

Scrubbed by scroll

Scroll Scene