Roadmap

Six variants and six sizes, with a soft tint on hover.

Light and dark switching that reveals the new theme from the button.

Loading, success and error for async actions, at a steady width.

One choice from a few, with a pill that slides to it.

Buttons you switch on and off, like Bold and Italic.

Copies text, with the icon morphing into a check.

Text field with live validation that clears as the value is fixed.

Single choice, with search for long lists.

On and off, with a thumb that stretches as it travels.

A check that draws itself in, plus an indeterminate state.

One choice from a few, including a card style for plans.

Multi-line text that grows smoothly with its content.

Type to filter and pick, right in the field.

Pick a value or a range by dragging.

One-time code boxes that move on as you type.

Numbers with step buttons and keyboard control.

A calendar in a popover, for dates and ranges.

A month view to pick dates from.

A modal that springs in and fades out, with focus handled.

A menu of actions with a highlight that glides between items.

A short hint on hover and focus.

Rich content anchored to a trigger.

A panel that slides in from any edge.

Confirmation for destructive actions.

A right-click menu.

A preview card on hover.

Panels switched by an underline that slides between tabs.

Sections that open and close with a smooth height change.

Where you are in the site, as a trail of links.

Move through pages of results.

A top bar with rich dropdown panels.

A collapsible app sidebar with a gliding active indicator.

⌘K search for pages and actions.

Notifications that slide in and stack.

Small status labels, including one with a shining edge.

A bar or ring that shows how far along a task is.

Placeholders while content loads.

A small loading indicator.

A surface for grouped content.

A picture or initials, alone or in a group.

Data in rows and columns, with sortable headers.

Scrolling with soft fades at the edges.

Numbers that roll to their value.

Progress through the steps of a task.

A row of logos or cards that scrolls on its own.

Shimmer, reveal and typewriter text.