yangshun / Awesome Spinners
💫 A curated collection of dazzling web spinners
Stars: ✭ 1,108
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Awesome Spinners
React Awesome Spinners
Awesome spinners for React 👋 ⚛ Built with styled-components 💅
Stars: ✭ 237 (-78.61%)
Mutual labels: spinners
nanospinner
🌀 The simplest and tiniest terminal spinner for Node.js
Stars: ✭ 108 (-90.25%)
Mutual labels: spinners
Progress bar
Command-line progress bars and spinners for Elixir.
Stars: ✭ 281 (-74.64%)
Mutual labels: spinners
react-native-animated-loader
🍭 A React Native Loader Component which uses Airbnb's Lottie for beautiful loader animations.
Stars: ✭ 165 (-85.11%)
Mutual labels: spinners
react-rounder
A collection of rounding components based on styled-components
Stars: ✭ 69 (-93.77%)
Mutual labels: spinners
React Native Animated Spinkit
A collection of loading indicators for React Native
Stars: ✭ 186 (-83.21%)
Mutual labels: spinners
spinnies
Node.js module to create and manage multiple spinners in command-line interface programs
Stars: ✭ 111 (-89.98%)
Mutual labels: spinners
Vue Spinners
💫 A collection of loading spinner components for Vuejs
Stars: ✭ 255 (-76.99%)
Mutual labels: spinners
ZXLoadingView
🍕ZXLoadingView is an iOS progress-activity
Stars: ✭ 14 (-98.74%)
Mutual labels: spinners
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-98.1%)
Mutual labels: spinners
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (-86.82%)
Mutual labels: spinners
React Spinners Css
Amazing collection of React spinners components with pure css
Stars: ✭ 232 (-79.06%)
Mutual labels: spinners
css-loader
This is a library having a collection of different types of CSS loaders, spinners
Stars: ✭ 414 (-62.64%)
Mutual labels: spinners
Aframe Preloader Component
A preloading bar that automatically displays while scene assets load.
Stars: ✭ 27 (-97.56%)
Mutual labels: spinners
Wow
😮❗️❗️ Wow❗️ now my Go commandline app is spinning with 🌈 and 🐴
Stars: ✭ 494 (-55.42%)
Mutual labels: spinners
vue-spinners-css
Amazing collection of Vue spinners components with pure css.
Stars: ✭ 50 (-95.49%)
Mutual labels: spinners
Awesome Spinners
A curated collection of dazzling web spinners.
Inspired by the awesome list thing.
Table of Contents
CSS Only
- Load Awesome by Daniel Cardoso (Demo) (Source)
- SpinKit by Tobias Ahlin (Demo) (Source)
- CSS Load.net (Demo + Source)
- Spinners (Demo + Source)
- Horizontal Bars (Demo + Source)
- Three Dimensional (Demo + Source)
- Animated Text (Demo + Source)
- Misc - some are really cool! (Demo + Source)
- CSS Only Loaders (Demo)
- [ArtWorx] xLoader by Anas Tawfeek (Demo) (Source)
- Halogen (React spinner library) by Yuan Yan (Demo) (Source)
- Loaders.css by Connor Atherton (Demo) (Source)
- 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 + Source)
- Ouroboros Spinner by Tom Genoni (Demo) (Source)
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
- SVG-Loaders by Sam Hambert (Demo) (Source)
- svg-loaders-react (React adaptation of SVG-Loaders) by Adam Wanninger (Source)
- Tumblr Style Cog Spinners by Pasquale Vitiello (Demo) (Source)
- SVG Loader Animation by Nikhil Krishnan (Demo + Source)
- Animated Spinners by Ionic (Demo + Source)
- SVG Preloaders by Alex (Demo + Source)
- Pulse Loading by GoApp (Demo + Source)
- SVG Loading Icons by Aurer (Demo + Source)
- Material Design Spinner (Demo + Source)
JS and CSS
Canvas
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
This work is licensed under a Creative Commons Attribution 4.0 International License.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].