AlertNew
Inline alert that stays in the page flow in six tones, as a floating card or full-width banner; it unrolls with a spring, each tone icon moves once, and dismissing folds it away.
Motion primitives
Animated components
Buttons, tabs, menus, overlays and text effects with spring physics. Install one, own every line.
54 results
Animated Badge
Small uppercase status label in nine tones, with an optional pulsing dot for live states and a lock glyph on Pro.
Animated Context MenuUpdated
Right-click or long-press menu that opens at the pointer: it scales from the nearest corner, items stagger in, a highlight glides between rows and submenus slide in beside their item.
AvatarNew
Avatar in six sizes with an image to initials to icon fallback chain, presence, verified and logo corners, plus a stack that fans out on hover; photos blur up into focus.
Bottom Sheet
Draggable glass sheet with snap points; release velocity is projected forward to pick the detent and the scrim fades with the sheet's height.
Bouncy Accordion
Single-open accordion whose panels open on a weighted height spring while the body rises out of a blur and the plus turns into a cross.
BreadcrumbsNew
Location trail with chevron, slash or dot separators, a home crumb and long middles collapsed into a menu; in button style a hover pill glides between crumbs.
ButtonUpdated
Pill button in twelve styles and five sizes with a spring press, leading and trailing icons, inline links whose underline draws in, a Spinner loading state, an async state machine and a magnetic hover.
CalendarNew
Month grid for a single date or a range, one or two months wide; months slide in with a blur in the direction of travel and the range band sweeps out from the start day.
Card InputNew
Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, and it stacks to two rows when narrow.
Cards6Pro
Six interactive cards — account balance, expandable status row, referral, memo folder, story reel and creator profile — each with its own spring moment.
CheckboxNew
Native checkbox whose tick draws itself with a spring, morphs to a dash when indeterminate, and groups under a select-all parent.
ComboboxNew
Type-to-filter combobox: matched text lights up in volt, a create row offers what you typed, async results load behind a spinner, and an empty state wobbles in when nothing matches.
Command Palette
A ⌘K palette on frosted glass with fuzzy search and grouped results; a spring highlight glides to the active row as you arrow through.
Copy Button
Icon button that copies a value to the clipboard and morphs its glyph into a check with a scale-and-blur swap.
Data tableNewPro
Typed table with sorting, row selection and loading, empty, no-results and error states; rows glide to their new order on sort and a bulk-action bar springs up as you select.
Date pickerNew
Date and range pickers on a sunken trigger: a popover holds the calendar, presets like Last 7 days and Apply/Cancel, plus a segmented date field whose digits roll as you step them.
DialogNew
Accessible base modal with a featured icon, four widths and stacked phone actions; it springs in over a blurred scrim and turns into a drag-to-dismiss bottom sheet below 640px.
Dock
A macOS-style dock whose icons swell on springs as the cursor nears; labels rise above and the active dot glides between apps.
Drawer
A side panel that springs in from the left or right over a blurred scrim; drag it toward its edge, press Escape or click outside to dismiss.
Dropdown MenuNew
Menu button with button, icon, avatar or account-card triggers, an account header or filtering search, sections, checkbox and radio rows and submenus; it springs open from the trigger and a highlight glides between rows.
Drum PickerPro
Touch-style 3D drum picker with any number of columns: rows tilt by their distance from the centre, and drags or flicks glide with momentum before snapping to a value.
FieldNew
Label, control and hint line with ids wired for screen readers; errors shake the control once and blur in under it.
File Tree
Collapsible file tree where folders spring open, chevrons rotate, indent guides light up for the active folder and a selection pill glides between rows.
Filter barNewPro
Search, saved views and filter chips with an Add filter builder that steps through field, operator and value; chips spring in, the bar closes the gap and the result count rolls.
InputUpdated
Text field on a sunken well in three sizes with a volt focus halo, leading icon, joined text, select and button add-ons, a help tooltip, a clear button and a single shake when an error appears.
Iris MenuNewPro
A round action button that opens a grid of quick actions through an iris: a clip-path circle widens from the trigger and items arrive in rings by distance from the centre.
Live Activity PillPro
A floating status pill for live activities — idle, now playing, timer, incoming call and upload — whose dark shell springs between sizes while content crossfades through a blur.
Marquee
Infinite horizontal scroller with faded edges that loops any content, runs in either direction and pauses on hover.
Morph Label
A button that confirms in place: its label and icon morph through pending, done or error (Add to cart → Added → back) while the width springs to fit, plus a SwapSlot for any value that changes.
Number InputNew
Number field with steppers on both sides or stacked on the right, min/max/step, full keyboard control and press-and-hold that speeds up; digits roll to each new value on a spring.
Odometer Number
Number that rolls each digit on its own spring reel, staggered left to right, when it scrolls into view or the value changes.
Origin ModalNew
A multi-view modal that opens from the button that launched it and returns there on close; the panel height springs between views and content crossfades through a blur.
OTP InputNew
A one-time-code field where a focus ring glides between slots and digits roll in; wrong codes shake, right ones draw a check.
PaginationNew
Pure page-window engine plus numbered, compact, card-footer and carousel-dot paginators; the volt marker glides to the active page and numbers slide as the window shifts.
Password InputNew
Password field with an eye toggle that blinks and draws its slash, a four-segment strength meter that springs in, and an optional requirements checklist.
Popover
Click-to-open panel anchored to its trigger that scales from the trigger edge with a spring and flips above or below to stay in the viewport.
Radio groupNew
Single-choice group with roving focus and a selected dot that glides between options on a spring; card mode turns options into tiles a volt ring slides across.
Range SliderNew
Slider with a volt fill, step ticks and a bar-shaped thumb that springs to each step and stretches while you drag.
SelectNew
Single-choice select on the field well with avatars, status dots, icons, groups and an optional search box; a volt highlight glides between options and the panel springs open, flipping above near the viewport edge.
SpinnerNew
Loading indicator as a ring, dots or equaliser bars in five sizes; it announces itself as a status and slows to a pulse for reduced motion.
Spring Tab BarNewPro
Icon-only tab bar whose active tab grows its label on a spring; the panel above resizes and slides content in from the side you moved towards.
StepperNew
Progress steps, horizontal or vertical, with number, icon, dot or bar markers; connectors fill with a spring, numbers morph into drawn checks and the current step breathes.
Switch
Toggle switch whose thumb slides on a stiff spring and stretches while pressed.
Tabs
Segmented tabs in pill, volt and underline styles; a shared spring indicator glides to the active tab and resizes to fit it.
Tag groupNew
Chips with dots, avatars, flags, icons, counts and remove buttons, selectable singly or in sets; a removed chip blurs out while its neighbours slide closed.
Tag inputNew
Text field that turns entries into chips on Enter, comma or paste, validates each one, and springs new chips in while removed ones slide out.
Tag selectNew
Multi-select whose picks become chips in the field: chips pop in with a spring and fold into “+N”, options tick a drawn checkbox, arrows walk the chips and Backspace removes them, with Reset and Select all in the footer.
Text Animation
Four text effects: a word-by-word blur reveal with a volt underline, a shimmer sweep, a glyph scramble and a rotating word swap.
TextareaNew
Multi-line field on the sunken well that grows with a spring between min and max rows, with a ring-gauge character counter, a resize handle and a toolbar slot.
Theme Toggle
A sun/moon button that flips the whole page between dark and light with a View Transition reveal from the button, as a circle or staggered slats.
Tilt Card
A card that tilts in 3D toward the pointer on a spring, with a glare that tracks the cursor and layers that float at different depths.
Toasts
Imperative toasts that stack in the corner, fan out on hover, update in place from loading to done, and blur away on dismiss.
TooltipUpdated
Hover and focus label rendered in a portal: it scales in from its trigger on a soft spring, flips to the side with room, carries a title, description, arrow and shortcut, and hands off instantly between neighbours.