33 Components & Libraries
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-loading-skeleton Make beautiful, animated loading skeletons that automatically adapt to your app. Basic usage Install by npm/yarn with react-loa
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
Modern, tree-shakeable loaders & spinners for React. Made with CSS, HTML and a splash of SVG.
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-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
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
react-progress-button Simple React component for a circular Progress Button. Demo Install npm install react-progress-button --save Example Controlled
use-stepper React hook to manage a numeric stepper/spinbutton The problem A numeric stepper or "spinbutton" (decrement button, input, increment button
3D animated react button component with progress bar.
React Spinners Kit A collection of loading spinners built with styled-components. Live Demo To check out live examples visit https://dmitrymorozoff.gi
Creates a download handler function and gives progress information
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
A small and performant loading indicator. 60 fps react-native-reanimated
React Spinners CSS Loaders (Vue, Angular) Amazing collection of React spinners components with pure css. The React spinners are based on loading.io an
A React-based Loading animation component library 简体中文 | English Introduction React-Loading is a React-based Loading animation component library inclu
react-bones Dead simple loading components for React and React-Native. NPM GitHub 💀 npm i react-bones React import { Bones } from "react-bones/lib";
preact-progress Simple and lightweight (~590 bytes gzip) progress bar component; for ⚛️ Preact Demo Install $ npm install --save preact-progress ❗ Pr
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-progress-label Progress component for React and React Native Installation yarn add react-progress-label npm install react-progress-label --save
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-awesome-spinners Loading spinners for React, built with styled-components. Demo Installation npm npm i react-awesome-spinners yarn yarn add reac
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.
Frogress ❄️ The ultimate Line Progress Bar UI for React @frogress/line 📦 Installation # Install peer depedencies yarn add react react-dom styled-comp
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.
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-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 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