React Progress Indicators

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 locally, run:

 1.6k

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.

 1.5k
Formidable
React component for progressive image loading

FormidableLabs/react-progressive-image

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="https://unpkg

 744

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.

 528

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

 516

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 BubbleSpinLo

 387

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 npm i -S

 336

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 component that

 297
Nick
A way to quickly add a progress bar to react app

nickbullll/react-sweet-progress

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 Import Progres

 249

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

 239
Pierre-Eric Garcia
A library to create stunning progress bars and steps in React

pierreericgarcia/react-step-progress-bar

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

 155
SWIFT CARROT Technologies
Progress component for React and React Native

swiftcarrot/react-progress-label

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-progress-

 93

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

 48

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

 45