components / 20

Loading states

Give waiting a clear treatment for its context: canvas, font or export.

Live interface previewSession only

Try the controls

Opening your canvas

Restoring the document and selected resources.

Component state specimen · no operation is running. Skeleton replaces the message; progress is shown only when known.

Usage

Use a spinner for an unknown wait and a skeleton when the expected structure is known.
Render progress only when measured. Skeleton and spinner are mutually exclusive.

SpinnerSkeletonKnown progress

Canvas loadingFont loadingExport progress

Source modules 2

Opening your workspace

Preparing the canvas and shared controls.