Skip to content

yangshun/awesome-spinners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

1fa2530 Â· Feb 7, 2022

History

28 Commits
Jul 3, 2017
Jan 20, 2016
Jan 18, 2016
Feb 7, 2022

Repository files navigation

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.