React Loader Spinners Progress Bars Libraries

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,

React Spinners A collection of loading spinners with React.js based on Halogen. This package is bootstraped using react-npm-boilerplate Demo Demo Page

react-spinkit A collection of loading indicators animated with CSS for React Currently I've ported all the spinner animations from Spinkit. If you hav

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

react-top-loading-bar Install using npm npm install --save react-top-loading-bar using yarn yarn add react-top-loading-bar CDN https://unpkg.com/react

React Spinners CSS Loaders (Vue, Angular) Amazing collection of React spinners components with pure css. The React spinners are based on loading.io an

React Spinners Kit A collection of loading spinners built with styled-components. Live Demo To check out live examples visit https://dmitrymorozoff.gi

A React-based Loading animation component library 简体中文 | English Introduction React-Loading is a React-based Loading animation component library inclu

React Redux Loading Bar A React component that provides Loading Bar (aka Progress Bar) for long running tasks. Consists of: React component — displays

react-bones Dead simple loading components for React and React-Native. NPM GitHub 💀 npm i react-bones React import { Bones } from "react-bones/lib";

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

Creates a download handler function and gives progress information

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

3D animated react button component with progress bar.

react-block-ui Easy way to block the user from interacting with your UI. About This library contains easy to use components to prevent the user from i

react-progress-label Progress component for React and React Native Installation yarn add react-progress-label npm install react-progress-label --save

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

Frogress ❄️ The ultimate Line Progress Bar UI for React @frogress/line 📦 Installation # Install peer depedencies yarn add react react-dom styled-comp

react-loadcon React component to manipulate the favicon, as a loading or progress indicator, for now. The idea of "Favicon as DOM" is under constructi

React Loading Simple and Accessible loading indicators with React. Comes bundled with React components of Sam Herbert's animated SVG loaders in a tree

React Spiners using Loading.io CSS-only spinners of loading.io for React Demo Demo Page Installation Using npm: npm install react-loading-io --save Us

react-loader react-loader provides your React.js component a simple mechanism for rendering a loading spinner (via spin.js) while data is loading, suc

react-pure-loaders React PureComponent loading animations Demo Demo Page Installation Install with yarn: yarn add @emotion/core react-pure-loaders Ins

Reprogressbars Intro Reprogressbars is a progress bar library built on React. The main purpose of this library is to simplify displaying progress from

react-page-progress Sweet Component (Yes, This is the one with HOOKS 🚀 ) that tracks a users progress through a page as they scroll Install npm i rea

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

react-loadingmask A Loading Component for displaying loading state of a page or a section.