Progress Indicators

react-awesome-spinners Loading spinners for React, built with styled-components. Demo Installation npm npm i react-awesome-spinners yarn yarn add react-awesome-spinners

react-loader provides your React.js component a simple mechanism for rendering a loading spinner (via spin.js) while data is loading, such as an asynchronous request to load data for a view.

React Step Progress Bar 🌡 A library to create stunning progress bars and steps in React. 📚 READ THE DOCS 📚 🌐 LIVE EXAMPLES 🌐 Key

React CSS Loaders A collection of pure CSS React loading components. Based on Luke Haas css-loaders project. Contents Getting Started Usage Components BarLoader BubbleLoader Bu

React Sweet Progress A way to quickly add a react progress bar to your app 🌈 Basic Usage Install via npm and yarn npm i -S react-sweet-progress // or yarn add react-sweet-progress Impo

preact-progress Simple and lightweight (~590 bytes gzip) progress bar component; for ⚛️ Preact Demo Install $ npm install --save preact-progress ❗ Pro Tip: Use Yarn

React-hint React-hint is a small tooltip component for React which is developed with simplicity and performance in mind. It also plays nicely with Preact and Inferno. There is a demo page. How to install

Simple progress arc for React (demo) Installation $ yarn add progress-arc-component Usage import ProgressArc from 'progress-arc-component' <ProgressArc value={63}/> Prope

React Progressive Image react-progressive-image React component for progressive image loading Install $ yarn add react-progressive-image The UMD build is also available on unpkg: <script src="htt

react-progress-label Progress component for React and React Native Installation yarn add react-progress-label npm install react-progress-label --save Demo https://swiftcarrot.dev/react

react-spinkit A collection of loading indicators animated with CSS for React 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.

react-ladda A React wrapper for Ladda buttons. Example Installation react-ladda can be installed directly through npm: $ npm install --save react-ladda Usage LaddaButton is a React compo

Halogen A collection of loading spinners with React.js. React 0.14+ Use halogen 0.2 React 0.12+ Use halogen 0.1 Demo & Examples Live demo: yuanyan.github.io/halogen To build the examples loca

react-progress-button Simple React component for a circular Progress Button. Demo Install npm install react-progress-button --save Example Controlled usage: