Feedback
FreeAlerts, toasts, and loading: a skeleton, a measured progress bar, and a loader.
Alert
Keep context and recovery beside the work.
Local notifications. Expiry pauses while you hover, focus, or leave the window. Swipe right to dismiss.
Toast
Alt + T to focus
Project is active.
Toast stack
F8 to focus · 0/3
Three readable messages at most. Existing messages stay in view.
Loading
A skeleton holds the shape, progress reports a known amount, and a loader marks work with no amount yet.
Maya Chen
Design
Uploading report
24%
spinner
dots
bars
morph
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- SkeletonA placeholder with the shape of the content it stands in for.
- ProgressA measured bar for work with a known size, such as an upload.
- LoaderA small indeterminate indicator in four shapes.
- AlertAn inline message that keeps context and recovery beside the work.
- ToastA short, dismissible message that confirms an action, with an optional undo.
- Empty stateA message with an icon and a next step for when there is nothing to show.
- Cookie consentAsks once and plainly: reject and accept carry the same weight, choices explain what they are for, and the preferences can be reopened later.
- Result iconThe outcome of an operation as a mark that draws itself once: a check, a cross, an exclamation, or a turning arc only while pending.
- Working borderA surface whose edge carries a moving light only while real work is pending, such as an agent run or an import. When the work ends the light stops.