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.
FAQ accordion with animated panels.
Base UI alert dialog with Motion 3D perspective transitions and media icon header.
Compact Base UI alert dialog with two-column button layout.
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.
Base UI accordion in a bordered card container with refined surface styling.
Base UI accordion with Motion spring physics, blur transitions, and animated 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 tooltip built on Base UI with spring-based keyframe scale and translation animations powered by Motion.
Base UI tooltip with spring bounce motion physics and arrow pointer.
Notification bell that rattles from its hanger on trigger — a decaying rotation pivot.
Animated border spotlight that travels around a rounded container, powered by Motion.
Card with animated border spotlight.
Submit-triggered border trail that loops twice then fades.
Textarea with a continuous gradient border trail.
Interactive showcase of Base UI Button variants, sizes, icon combinations, and Motion scaling.
(No description)
(No description)
(No description)
Showcase of all visual button variants: default, secondary, destructive, outline, ghost, and link.
(No description)
(No description)
Base UI checkbox with Motion path-draw checkmark.
(No description)
(No description)
Animated double up-chevron that cross-fades between the two carets on trigger.
Base UI Context Menu with spring entrance, nested submenus, checkable items, radio items, shortcuts, and destructive actions.
Base UI Context Menu with file management actions, icons, shortcuts, and submenus.
Context Menu rendered right-to-left with Base UI DirectionProvider.
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.
A floating cursor label that elastic-pops into view over interactive links.
Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.
Full-page contact layout with cursor trail image reveals on desktop.
Base UI dialog with Motion spring transitions and form editing.
(No description)
(No description)
A gradient sweep that reveals text with a chromatic wash, powered by Motion.
Gradient sweep revealing a headline with a looping chromatic wash.
A link with a hand-drawn SVG underline that animates on hover, powered by Motion.
Base UI Dropdown Menu with spring entrance, nested submenus, checkable items, radio items, shortcuts, and destructive actions.
Dropdown Menu rendered right-to-left with Base UI DirectionProvider.