Form workflow
Validation, pending state and recoverable saves around your own service.
THE LIBRARY
Small pieces.
Plenty of possibility.
Explore the states, try the interactions, then shape the components for your own application.
Sidebar
A workspace rail that makes room when you need it.
Drag the handle down, press Escape or use the close button.
Drawer
A focused surface for a short task, close at hand.
Interface notes
Right-click, long-press or use Shift + F10.
No action yet. Not pinned. Comfortable spacing.
Context menu
Useful actions beside the thing you are working on.
Design
Choose a few. Remove chips with the buttons or Backspace.
1 disciplines selected
Research
Multi-select
Search, choose and remove several options in one field.
Choose an action to see the result.
Command palette
A keyboard route to the next page or action.
October 2026
| Mo | Tu | We | Th | Fr | Sa | Su |
|---|---|---|---|---|---|---|
Selected 13/10/2026
Calendar
Dates with predictable keyboard navigation and clear selection.
Dates before 5 October are unavailable.
Choose a review date.
Date picker
A date field with a calendar, clear action and useful feedback.
Select a start and end date, then choose Done.
No complete reporting period.
Date range picker
A start and an end, kept in the same context.
Drop files here
.txt,.pdf,.png,.jpg · Up to 3 files · 1.0 MB each
.txt,.pdf,.png,.jpg. Maximum 3 files, 1.0 MB per file. Drag and drop or browse.Files stay in this page. No upload service is connected. File checks must also run on your server.
File upload
Browse or drop files, validate them and connect your own transport.
| Navigation study | Review | Maya | |
| Form patterns | Ready | Sam | |
| Motion notes | Review | Oliver |
Table workflows
Selection, filters, visible columns and bulk actions, working together.
Named Lucide imports, with consistent sizing and stroke. Icon-only actions keep their own accessible label.
Icon
One visual rhythm, across the Lucide icon collection.
A labelled search field with a clear action.
$AUD
Text prefixes share the field boundary.
Check the reference before continuing.
Input group
Icons, prefixes and supporting actions, within one field.
Button
A clear next step, with room for the supporting actions.
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.