💫 A curated collection of dazzling web spinners
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
Luke Vella 1fa2530593
Add link to react-activity (#7)
2 years ago
.meta Change to JS 7 years ago
.travis.yml Tweak travis config and fix redirected README links 8 years ago
CONTRIBUTING.md Update CONTRIBUTING.md 8 years ago
README.md Add link to react-activity (#7) 2 years ago

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

  • CSS Spinners by John Long (Source)
  • css-spinners-react (React adaptation of CSS Spinners by John Long) by Adam Wanninger (Source)
  • Loaders Kit by Viduthalai Mani (Demo)
  • Single Element CSS Spinners by Luke Haas (Demo) (Source)
  • CSS Loading Spinners by Harold Soto (Demo & Source)
  • Simple Spinner by Vineeth.TR (Demo & Source)
  • Circular CSS Spinners by zeesx (Demo & Source)
  • Collection of animated loaders by Ana Tudor (Demo & Source)
  • CSS Loading Spinners by Beau (Demo & Source)
  • Motion Blur Loader by Alex Bergin (Demo & Source)

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.