💫 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.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.meta
.travis.yml
CONTRIBUTING.md
README.md

README.md

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)

SVG

JS and CSS

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

Canvas

  • 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)

Contribute

Contributions welcome! Read the contribution guidelines first.

License

Creative Commons License

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