All animations / Loaders
Loaders
Waiting states: spinners, skeletons, progress bars and dots. 4 animations.
Loaders
Spinner ring
The classic loading ring: a circle with one coloured edge that rotates forever.
CSSBeginner
Loaders
Skeleton shimmer
Grey placeholder shapes with a light band sweeping across, standing in for content that is still loading.
CSSBeginner
Loaders
Striped progress bar
A determinate progress bar that fills smoothly, with moving diagonal stripes to show activity.
CSSJavaScriptBeginner
Loaders
Bouncing dots
Three dots bounce in sequence, the familiar typing or thinking indicator.
CSSBeginner