Animation.
Scroll reveals, tilts, spotlights and pointer-driven motion. Reduced-motion aware.
8 components
Components
8 totalBlur Reveal
Reveals content with a blur, fade and lift as it scrolls into view. Configurable delay, duration and threshold; respects reduced-motion.
/components/animation/blur-reveal →Text Reveal
Staggered text entrance that masks and slides each word, character or line into place on scroll. Respects reduced-motion.
/components/animation/text-reveal →Scroll Reveal
Fades and slides content in from any direction as it enters the viewport. Configurable distance, delay and replay; respects reduced-motion.
/components/animation/scroll-reveal →Spotlight Card
Card surface with a soft spotlight that tracks the cursor and fades in on hover. Built on design tokens, no hard-coded colors.
/components/animation/spotlight-card →Magnetic Button
Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChild to wrap a link, respects reduced-motion.
/components/animation/magnetic-button →Cursor Glow
Ambient glow layer that follows the pointer across its container and fades when it leaves. Drop it behind heroes, grids or feature panels.
/components/animation/cursor-glow →Tilt Card
3D pointer tilt with optional cursor-following glare and configurable max angle, scale and perspective. Respects reduced-motion.
/components/animation/tilt-card →Morphing Dialog
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.
/components/animation/morphing-dialog →