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

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

react-spinkit - A collection of loading indicators animated with CSS for React

•    CSS

---

Currently I've ported all the spinner animations from Spinkit. If you have other favorite css spinner you'd like to include, open an issue. See more examples on the demo page.

react react-component spinkit spinners

css-loaders - A collection of loading spinners animated with CSS

•    CSS

---

This is a collection of loading spinners animated with CSS.Each spinner consists of a single div with a class of loader and content text of "Loading...". The text is for screen readers and can be used as a fallback state for older browsers.

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-loading-spinner - Just another collection of loading spinners with Vue.js, alot of spinners

•    Vue

---

Just another collection of loading spinners with Vue.js, alot of spinners

whirl - pure css loading animations with minimal effort!

•    CSS

---

A large rework of whirl is currently underway to add new whirls etc. From using the demo you can work out which classes you need to add to your elements in order to show the loading animation you want.

whirl pseudo-elements animation css loader progress loading-animations loading loading-spinner loading-animation ui ux

three-dots - 🔮 CSS loading animations made by single element.

•    CSS

---

The project is a set of CSS loading animations created with three dots which made by just single element. I think the project can not only enhance your CSS skills but also improve your imagination. The LESS files are contributed by other people, it's not the newest.

loading-animations three-dots sass single-element-css-spinners css-framework

vue-simple-spinner - A simple, flexible spinner for Vue.js

•    Vue

---

vue-simple-spinner is designed to be a lightweight Vue.js spinner requiring minimal configuration. IE 10+ (due to CSS animation support).

vue vuejs ui component spinner progress components

loaders.css - Delightful, performance-focused pure css loading animations.

•    CSS

---

Delightful and performance-focused pure css loading animations. A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations.

css loaders animation animate

css-spinners - Simple CSS spinners and throbbers made with CSS and minimal HTML markup.

•    CSS

---

Simple CSS loading indicators made with CSS and minimal HTML markup. Simply replace "loading-indicator" with the class name of your choice.

spinners throbbers loaders css sass

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

vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like

•    Vue

---

Vue component to easily build (or use presets) SVG loading cards Facebook like.

vue svg facebook loading-animations loading card cards ui ux animation vuejs placeholder skeleton

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-native-loader - A collection of animated spinners for React Native

•    Javascript

---

A collection of animated spinners for react native using ReactART. For Android, it works out of the box.

animated-spinners react-native android ios react react-component waiting loading spinner react-art

angular-promise-tracker - Easily add spinners or general request tracking to your angular app

•    Javascript

---

Small, feature filled library used to easily add spinners or general promise/request tracking to your angular app.The basic idea: each time we add one or more promises to an instance of a promiseTracker, that instance's active() method will return true until all added promises are resolved. A common use case is showing some sort of loading spinner while some http requests are loading.

angular angularjs angular-component

GridLoadingEffects - Some inspiration for loading effects of grid items using CSS animations.

•    HTML

---

Some inspiration for loading effects of grid items using CSS animations.

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

SSSpinnerButton - Forget about typical stereotypic loading, It's time to change

•    Swift

---

SSSpinnerButton is an elegant button with a different spinner animations.

swift4 animations buttons loading loader cocoapods uibutton uibuttonexpand uibutton-subclass

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