Skip to content

TH The Loading Loop☰

All articles

Everything on The Loading Loop, organised by topic.

Accessible Motion

Accessible Loading Indicators: Motion, Status, and ARIA — Accessible loading indicators pair a visual cue with a meaningful text status.

Spinner Recipes

CSS Loading Spinner: A Clean, Copyable Pattern — Create a CSS loading spinner with a square element, a circular border, one contrasting border side, and an infinite linear rotation using `transform`.
CSS Three-Dot Loader With Smooth Staggered Motion — Build a CSS three-dot loader with three equal circular spans sharing one keyframe animation.

Skeletons & Progress

CSS Skeleton Loader Without Layout Shift — Build a CSS skeleton loader on the same grid as the final component, reserving media with `aspect-ratio` and text regions with realistic minimum dimensions.