ora - Elegant terminal spinner

•    Javascript

---

Show your support for Ora by buying this excellent Node.js course.It will gracefully not do anything when there's no TTY or when in a CI.

cli spinner spinners terminal term console ascii unicode loading indicator progress busy wait idle

cli-spinners - Spinners for use in the terminal

•    Javascript

---

The list of spinners is just a JSON file and can be used wherever.You probably want to use one of these spinners through the ora module.

cli spinner spinners terminal term console ascii unicode loading indicator progress busy wait idle json

SpinKit-ObjC - UIKit port of SpinKit

•    Objective-C

---

UIKit port of SpinKit. CocoaPods is the recommended way for adding SpinKit to your project.

spinkit loader spinner

spin.js - A spinning activity indicator

•    HTML

---

For an interactive demo and a list of all supported options please refer to the project's homepage.

spin spinner

ladda-bootstrap - Ladda buttons concept originally by @hakimel, example using Bootstrap 3 by @msurguy

•    Javascript

---

Buttons with built-in loading indicators, effectively bridging the gap between action and feedback. Check out the demo page.

bootstrap ladda spinner bootstrap3

halogen - A collection of loading spinners with React.js

•    Javascript

---

A collection of loading spinners with React.js. Then open localhost:9999 in a browser.

react react-component loader spinner halogen

react-circle - Renders a svg circle + progress, it just works 💘

•    TypeScript

---

Renders a svg circle + progress, it just works 💘

react svg circle progress percentage loading spinner animation react-circle

csspin - CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner

•    CSS

---

CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code. CSSPIN Library has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.

css loader spinner library modular less

vue-wait - Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications

•    Javascript

---

Multiple Process Loader Management for Vue and (optionally) Vuex. Read the Medium post "Managing Complex Waiting Experiences on Web UIs".

vue vuex loading loader loaders activity-indicator vuex-store nuxt-module vue-components progress progress-bar vue-progress loader-component spinner nuxt plugin

epic-spinners - Easy to use css spinners collection with vue.js integration

•    Vue

---

Easy to use css spinners collection with Vue.js integration. Developed by Epicmax. Subscribe to our newsletter to get Epic Spinners updates, our team's stories and Vue.js materials hand-picked by Epicmax.

vue css-spinners-collection css-animations css-loaders vue-components spinner css gallery html vue-spinner-component animations loading-animations loading-screen loading-spinner

react-native-image-progress - Progress indicator for networked images in React Native

•    Javascript

---

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

react-native react-component react-native-component react mobile ios ui image progress bar progressbar spinner activityindicator loading indicator

react-native-progress - Progress indicators and spinners for React Native using ReactART

•    Javascript

---

Progress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.

react-native react-component react-native-component react mobile ios ui progress progressindicator circle pie bar progressbar indeterminate spinner animation

react-mdl - React Components for Material Design Lite

•    CSS

---

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

react react-component mdl material-design badge button card checkbox data-table fab-button icon icon-button icon-toggle radio radio-group switch textfield progress progress-bar spinner slider tooltip menu dropdown layout drawer grid tabs

halo - 💫 Beautiful spinners for terminal, IPython and Jupyter

•    Python

---

Text shown along with spinner. Defaults to dots spinner. For Windows users, it defaults to line spinner.

halo spinner jupyter ora ipython async

clui - Command Line UI toolkit for Node.js

•    Javascript

---

October 8, 2014 - Adding Line.contents() for fetching the contents of a line as a string. June 2, 2014 - Fixed a crash caused by inability to locate the required trim helper in the latest version of cli-color. (And locked down the version of the cli-color dependency to stop this from ever happening again.) Also removed lodash as a dependency in favor of vanilla JS, to keep installs faster and smaller than ever.

command-line-interface cli sparkline progress-bar spinner gauge line console buffer

vue-spinner - vue spinners

•    Vue

---

Not support Vue 2.0. A collection of loading spinners with Vue.js. Just convert yuanyan's React.js project Halogen to Vue.js components. Special thanks to yuanyan for the wonderful project.

vue vuejs spinner loading

MaterialSpinner - A spinner view for Android

•    Java

---

A spinner view for Android

material-design popup-window spinner dropdown android android-library

SpinKit - A collection of loading indicators animated with CSS

•    CSS

---

Simple loading spinners animated with CSS. See demo. SpinKit uses hardware accelerated (translate and opacity) CSS animations to create smooth and easily customizable animations. You currently need to use an autoprefixer if you want to support all browsers. If you're compiling your SCSS with gulp you can use gulp-autoprefixer, and grunt-autoprefixer if you use grunt.

css spinkit spinner loading ui

react-loading-skeleton - Create skeleton screens that automatically adapt to your app!

•    Javascript

---

Make beautiful, animated loading skeletons that automatically adapt to your app. Install by npm/yarn with react-loading-skeleton.

react placeholder loading-animations loading skeleton progress spinner

react-native-spinkit - A collection of animated loading indicators for React Native

•    Objective-C

---

A collection of animated loading indicators React native port of SpinKit. Check index.ios.js in the Example folder.

react-component react-native ios android spinkit spinner loader indicator