Spinner
A collection of loading indicators with smooth, organic animations.
Spinner Types
Classic
Size Variants
Classic Spinner
sm
default
lg
xl
Dots Spinner
sm
default
lg
xl
Bars Spinner
sm
default
lg
xl
Color Variants
primary
muted
destructive
foreground
inherit
With Loading Text
Loading...
Processing your request
Analyzing data
Syncing content
In Buttons
Centered Loading States
Loading content...
Processing...
Please wait...
In Cards
Data Loading
Fetching data...
Sync in Progress
Syncing with server...
Analyzing
Running analysis...
Processing
Almost done...