Button
A clear next step, with room for the supporting actions.
THE LIBRARY
Small pieces.
Plenty of possibility.
Explore the states, try the interactions, then shape the components for your own application.
Icon button
Compact controls with an explicit accessible name.
Used for account updates.
Input & field
Labels, supporting text and useful validation.
Keep the useful details.
Textarea
Space for the longer version.
Checkbox
Independent choices, with optional context.
Switch
A setting that takes effect immediately.
Radio group
One choice from a short, visible list.
Select
A short list, kept out of the way until needed.
Combobox
Find an option by typing its name.
Slider
A continuous value with a visible result.
The essentials, in one place. Use the arrow keys to move between views.
Tabs
Related views, sharing the same space.
Accordion
Details that open when they are useful.
Breadcrumb
A small reminder of where you are.
Pagination
A predictable way through a longer list.
Dialog
A focused task with a clear way back.
Sheet
A side panel for supporting details.
Popover
A small set of controls, close to their trigger.
Tooltip
Extra context on hover or keyboard focus.
No action selected
Dropdown menu
Actions for the thing you are working on.
Toast
A brief confirmation that stays out of the way.
Changes saved
Your project is up to date.
Review your settings
Some changes need your attention.
Alert
Information that should stay visible.
DraftIn progressReadyReviewFailed
Badge
Status in a few words.
Component review68%
Preparing previewIn progress
Progress
A sense of how far something has come.
Loading projects
Spinner & skeleton
Loading states that keep the layout steady.
A little room to build.
Your projects will appear here.
Empty state
Explain what is missing and offer a next step.
AMSLTK
Avatar
An image, with initials as a reliable fallback.
Interface studiesDraft
One quiet frame for the things that belong together.
Card & separator
A quiet frame for related content.
| Updated | |||
|---|---|---|---|
| Interface studies | AMAlex Morgan | In progress | Today |
| Component audit | SLSam Lee | Review | Today |
| Reading list | AMAlex Morgan | Ready | Yesterday |
Data table
Search, sort and page through a small dataset.