Awesome Lists

awesome-spinners

by yangshun

awesome listJavaScriptpushed over 4 years ago

💫 A curated collection of dazzling web spinners

AI summary

Web spinners

A curated collection of web spinner implementations in various programming languages and technologies

stars
1.4K
forks
83
watching
26
awesome list
1
entries
48
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/yangshun/awesome-spinners/links.svg)](https://awesome.facts.dev/awesome/yangshun/awesome-spinners)
HTML
<a href="https://awesome.facts.dev/awesome/yangshun/awesome-spinners"><img src="https://awesome.facts.dev/shield/yangshun/awesome-spinners/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/yangshun/awesome-spinners/links.svg

What's in the list

48 links in 10 sections, with live GitHub stats.activeno commit in 2y

CSS Only

  • Demo

    Load Awesome by Daniel Cardoso ( ) ( )

  • Demo

    SpinKit by Tobias Ahlin ( ) ( )

  • Demo + Source

    CSS Load.net ( )

CSS Only / Demo + Source

CSS Only

  • Demo

    CSS Only Loaders ( )

  • Demo

    [ArtWorx] xLoader by Anas Tawfeek ( ) ( )

  • Demo

    Halogen (React spinner library) by Yuan Yan ( ) ( )

  • Demo

    Loaders.css by Connor Atherton ( ) ( )

  • Demo

    CSS Spinners by Oskar Gustafsson ( ) ( )

  • Demo + Source

    Less Loaders by JesGraPa ( )

  • Demo + Source

    CSS cubic loader by Lokesh Suthat ( )

  • Demo + Source

    Wavy Loading Animations by Kyle Brumm ( )

  • Demo + Source

    Equalizes the loader by Caohim ( )

  • Demo

    Ouroboros Spinner by Tom Genoni ( ) ( )

  • Demo

    React Activity Indicators by Luke Vella ( ) ( )

Single-element CSS

  • Source

    CSS Spinners by John Long ( )

  • Source

    css-spinners-react (React adaptation of CSS Spinners by John Long) by Adam Wanninger ( )

  • Demo

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

Zero-element CSS

  • Demo + Source

    Zero Element Loading Animations by Mike Riethmuller ( )

SVG

JS and CSS

  • Demo

    Loaders and Spinners by Tim Holman ( )

  • Demo

    Colorful Square Spinner by Tim Holman ( )

Canvas

  • Demo

    Canvas Sparkly Circle Loader by Jack Rugile ( )

  • Demo

    Sonic.js by James Padolsey ( ) ( )

Build Your Own Spinner

  • Demo

    Loading.io ( )

  • Demo + Source

    Spin Cycle - CSS-powered spinner from any inline SVG by Chris Hart ( )

  • Demo

    Spin.js by Felix Gnass ( ) ( )

Other Collections

  • List

    10+ Best Pure CSS Loading Spinners For Front-end Developers by 365 Web Resources ( )

  • List

    Reddit Community Challenge: Design a CSS Spinner ( )

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.