SiteMotion & Animation · Loaders & spinners
Gallery of loading animations each built from exactly one div, with copyable HTML and CSS per item.
Why it’s a gem
The one-div constraint forces genuinely clever pseudo-element and gradient tricks.
Community gallery of over a thousand loaders written in plain CSS or Tailwind, each copyable and MIT-licensed.
Library for animated SVG progress shapes — line, circle, semicircle or custom path — with per-step callbacks and custom easing.
Set of pure-CSS spinners with a live editor for size, color and speed, exporting standalone HTML and CSS.
Library of several hundred loaders, spinners and progress indicators, each built from a single element with pure CSS.
Set of CSS-only loading indicators using transforms and opacity, designed to stay smooth on low-power devices.
Curated index of web spinner and loader collections across CSS, SVG, canvas and framework-specific implementations.