Spinners

  1. Components
  2. Spinners

Theme rings

Border spinners in the project palette.

Growing indicators

A softer pulse for ongoing activity.

Compact loading

Small indicators for inline and toolbar contexts.

Syncing filesChecking updates

Button loading states

Keep the action label visible while processing.

Document processing

Use an indicator beside the item being processed.

Workspace-assets.zip

Validating file contents...

Centered loading panel

An embedded state for content that is not ready.

Collecting workspace data

Your summary will appear here when it is ready.

Dark surface

Use a high-contrast spinner on a dark panel.

Preparing your workspace

Loading shared resources...

Table loading

Keep table headings visible during data retrieval.

Document Owner Status
Loading documents...

Loading preview

Start a short simulation and cancel it at any time.

Ready to load the report.

Sizes & spacing

Different sizes using Bootstrap and spacing utilities.