React Loader Spinners Progress Bars Resources

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

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

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-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 A collection of loading spinners with React.js based on Halogen. This package is bootstraped using react-npm-boilerplate Demo Demo Page

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

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

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

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

Modern, tree-shakeable loaders & spinners for React. Made with CSS, HTML and a splash of SVG.

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

Circular Dashed Progress React This is zero dependency dashed circular progress

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

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

A small and performant loading indicator. 60 fps react-native-reanimated

Show a skeleton on a loading iframe to smooth over the UX. Iframes can take a while to respond, and until they do your users see a blank screen. Using react-loading-iframe you can set a nice skeleton until the src page responds.

3D animated react button component with progress bar.

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

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

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

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

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

🎉 A simple progressbar based on the scroll state of a page, as a react component.

Creates a download handler function and gives progress information

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 Redux Loading Bar A React component that provides Loading Bar (aka Progress Bar) for long running tasks. Consists of: React component — displays

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

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

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-loader react-loader provides your React.js component a simple mechanism for rendering a loading spinner (via spin.js) while data is loading, suc

use-stepper React hook to manage a numeric stepper/spinbutton The problem A numeric stepper or "spinbutton" (decrement button, input, increment button

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

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