Branded loading spinner with M3Core logo
Sizes
Six presets from inline (xs) to hero/splash (xxl).
Loading
Loading
Loading
Loading
Loading
Loading
Speeds
Three speed presets. Normal is the default.
Loading
Loading
Loading
Size x Speed Grid
Every combination.
| Size \ Speed | slow | normal | fast |
|---|---|---|---|
| xs | Loading | Loading | Loading |
| sm | Loading | Loading | Loading |
| md | Loading | Loading | Loading |
| lg | Loading | Loading | Loading |
| xl | Loading | Loading | Loading |
| xxl | Loading | Loading | Loading |
On Dark Surface
The spinner adapts to dark backgrounds via CSS variable theming.
Loading
Loading
Loading
Loading
Loading
Content Loading Pattern
How it looks as a centered page loader — the pattern used in list and detail pages.
Loading
Inline Usage
The xs and sm sizes work well inline with text and buttons.
Loading