Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.
An animated FAQ accordion with expandable panels, powered by Motion.
Animated right arrow that nudges forward and redraws its stroke on hover using a pure CSS stroke-dash animation.
An animated accordion component built on Base UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.
An accessible alert dialog built on Base UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.
An interactive button component built on Base UI with Motion hover/tap scaling and shadcn/ui variants.
An accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicator.
An accessible context menu built on Base UI with smooth Motion spring scale and submenu slide animations.
An accessible modal dialog built on Base UI with smooth Motion spring entrance and exit animations.
An accessible dropdown menu built on Base UI with smooth Motion spring scale and submenu slide animations.
An accessible, highly customizable switch built on Base UI with Motion spring layout physics.
An accessible tooltip built on Base UI with spring-based keyframe scale and translation animations powered by Motion.
Notification bell that rattles from its hanger on trigger — a decaying rotation pivot.
Animated double up-chevron that cross-fades between the two carets on trigger.
Animated copy icon that smoothly transitions into a checkmark on trigger with a scale and blur pop effect.
A floating label that follows the cursor and elastic-pops into view over interactive targets, powered by GSAP.
Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.
A gradient sweep that reveals text with a chromatic wash, powered by Motion.
A link with a hand-drawn SVG underline that animates on hover, powered by Motion.
Dual-layer block wipe reveal that sweeps away curtain blocks to unveil text, powered by Motion.
A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, label, and content transitions.
Inline text that materializes through a soft, turbulent WebGL fog mask, inherits font and color from CSS, and cycles through an array of messages.
Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.
A Motion-powered highlight effect that allows you to highlight elements on hover, click or with a controlled value.
Five CSS-only link hover presets — three underline wipes and two block highlights — with an optional sliding arrow.
(No description)
An infinite card stack that advances with wheel, touch, or keyboard input using spring-based Motion transitions.
A flowing quote stream where each avatar reveals its author on hover, with Motion fading and blurring the rest.
A shadcn/ui-compatible input with a smooth Motion-powered caret.
Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.
A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.
Animated hamburger menu icon that smoothly morphs into a close (X) icon.
An animated, digit-by-digit number counter with a smooth rolling odometer effect, powered by Motion.
A wrapper that emits glowing, pooled particles from the cursor while hovering any button or link.
A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.
A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed header or above a scroll boundary.
An animated accordion component built on Radix UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.
An accessible alert dialog built on Radix UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.
An interactive button component built on Radix UI Slot with Motion hover/tap scaling and shadcn/ui variants.
An accessible, stylable checkbox built on Radix UI with a Motion-friendly animated indicator.
An accessible context menu built on Radix UI with smooth Motion spring scale and submenu slide animations.
An accessible modal dialog built on Radix UI with smooth Motion spring entrance and exit animations.
An accessible dropdown menu built on Radix UI with smooth Motion spring scale and submenu slide animations.
A shadcn/ui-compatible native input with a smooth Motion-powered caret.
An accessible, highly customizable switch built on Radix UI with Motion spring layout physics.
An accessible tooltip built on Radix UI with spring-based keyframe scale and translation animations powered by Motion.
Per-character slot-machine reveal that rolls each letter into place once it scrolls into view, powered by Motion.
A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover preview, snap-to-step seeking, and a per-chapter panel that can opt in or out of showing.
A full-viewport sticky scroll slider with strip-mask image transitions and animated title swaps, driven by GSAP ScrollTrigger.