Components

Reusable interface units and motion primitives you can install and compose.

Browse Full Screen

Search components

Adaptive DrawerOverlays / height-animation Adaptive SwitchForm / thumb-stretch Arc MenuOverlays / arc-motion Check MarkDisplay / svg-draw Context CursorMotion Primitives / spring-follow Copy ButtonActions / state-transition / CSS-only alternative Expandable DialogOverlays / shared-layout Expandable PanelOverlays / morph Expandable Segmented TabsTabs & Navigation / active-expand Expandable SliderForm / width-animation Expandable TabsTabs & Navigation / shared-layout Expandable Toggle ButtonActions / width-animation Expandable ToolbarLayout & Flow / width-animation Feedback PopoverOverlays / expand Filter TagsForm / layout-reorder Floating SelectForm / shared-layout Floating Shortcut ButtonOverlays / scale HeartbeatMotion Primitives / scale Highlight TabsTabs & Navigation / shared-layout Icon SwapMotion Primitives / crossfade / CSS-only alternative JitterMotion Primitives / jitter LikeActions / radial-fill Like ButtonActions / radial-fill Multi-Step FlowLayout & Flow / slide Nav LinkTabs & Navigation / Next.js only / active-state Navigation MenuTabs & Navigation / viewport-resize OTP InputForm / digit-roll Play ButtonActions / path-morph Projected ShadowMotion Primitives / projected-shadow Rail ListTabs & Navigation / indicator-reveal Shy HeartDisplay / fade Sliding ListTabs & Navigation / active-shift Sliding Play ButtonActions / svg-overlap Smooth HeightLayout & Flow / height / CSS-only alternative SqueezeMotion Primitives / squeeze Staggered EntranceMotion Primitives / stagger Status BadgeDisplay / state-transition Status ButtonActions / state-transition Text MorphDisplay / text-morph TimerDisplay / digit-roll