Effects

Animates a number from a start value to its final value when scrolled into view. Screen readers always get the real value; reduced motion renders it immediately.

Text with a looping gradient shimmer sweeping across it via background-clip: text. Token-driven colors keep AA contrast; reduced motion renders static text.

Reveals text character by character, like a terminal being typed in real time. Screen readers receive the full string immediately; reduced motion renders it statically.

Text that animates in by rapidly cycling through random-looking characters before resolving, left-to-right, into the real final text — a "decrypt" reveal effect.

A scroll container that fades whichever edge still has more content to reveal, instead of cutting content off abruptly.

Scroll-triggered entrance animation driven by IntersectionObserver, with a RevealGroup for staggered cascades. Content stays visible without JS and under reduced motion.

A small, fixed-distance jump-and-fade entrance triggered by IntersectionObserver, from the left, right, or bottom edge.

Wraps content in a container with a soft radial glow that follows the cursor, revealing a "spotlight" highlight as it moves over it.

A wrapper that makes its child subtly translate toward the cursor when nearby, and snap back to rest when the cursor leaves. Common on buttons for a tactile 'magnetic hover' feel.

A short trail of glowing dots that follows the cursor with a slight lag, each dot progressively smaller and fainter toward the tail.

Spawns a brief burst of thin spark lines radiating outward from the click point on every click, fading out as they travel — a satisfying, subtle click-feedback effect.

Bursts colorful confetti pieces outward from the click point on every click — falling, spinning, and fading out. A celebratory effect for success states, completions, and purchases.

Infinite horizontal scrolling strip of content, used as an ambient ticker or logo wall. Renders children twice in a track that translates by exactly -50% for a seamless loop.

Decorative concentric rings expanding outward and fading out in a continuous, staggered loop, typically placed behind a logo or icon.

A purely decorative ambient background of small floating dots, gently drifting and pulsing opacity, meant to sit behind real content. Dot positions come from a deterministic seeded PRNG so server and client render identically.

A purely decorative ambient background of small diagonal "shooting star" streaks that repeatedly fall across a container, staggered so several are visible mid-flight at once.