💫 A curated collection of dazzling web spinners
Branch: master
Clone or download
Pull request Compare This branch is even with yangshun:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Awesome Spinners Awesome Build Status

A curated collection of dazzling web spinners.

Inspired by the awesome list thing.

Table of Contents

CSS Only

Single-element CSS

Zero-element CSS

  • Zero Element Loading Animations by Mike Riethmuller (Demo + Source)


JS and CSS

  • Loaders and Spinners by Tim Holman (Demo)
  • Colorful Square Spinner by Tim Holman (Demo)


  • Canvas Sparkly Circle Loader by Jack Rugile (Demo)
  • Sonic.js by James Padolsey (Demo) (Source)

Build Your Own Spinner

  • Loading.io (Demo)
  • Spin Cycle - CSS-powered spinner from any inline SVG by Chris Hart (Demo + Source)
  • Spin.js by Felix Gnass (Demo) (Source)

Other Collections

  • 10+ Best Pure CSS Loading Spinners For Front-end Developers by 365 Web Resources (List)
  • Reddit Community Challenge: Design a CSS Spinner (List)


Contributions welcome! Read the contribution guidelines first.


Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.