Skip to content
6

Animation.

Scroll reveals, tilts, spotlights and pointer-driven motion. Reduced-motion aware.

9 components

Blur Reveal

Animation

Reveals content with a blur, fade and lift as it scrolls into view. Configurable delay, duration and threshold; respects reduced-motion.

View

Text Reveal

Animation

Staggered text entrance that masks and slides each word, character or line into place on scroll. Respects reduced-motion.

View

Scroll Reveal

Animation

Fades and slides content in from any direction as it enters the viewport. Configurable distance, delay and replay; respects reduced-motion.

View

Card surface with a soft spotlight that tracks the cursor and fades in on hover. Built on design tokens, no hard-coded colors.

View

Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChild to wrap a link, respects reduced-motion.

View

Cursor Glow

Animation

Ambient glow layer that follows the pointer across its container and fades when it leaves. Drop it behind heroes, grids or feature panels.

View

Sparkles

Animation

Canvas particle field that drifts and twinkles behind any container. Density scales with size, colors resolve from tokens, and it pauses offscreen and under reduced-motion. No dependencies.

View

Tilt Card

Animation

3D pointer tilt with optional cursor-following glare and configurable max angle, scale and perspective. Respects reduced-motion.

View

A trigger card that morphs into a centered dialog via shared-layout animation, with focus trapping, scroll lock, Esc to close and reduced-motion support.

View