31 Components & Libraries
React Spinners A collection of loading spinners with React.js based on Halogen. This package is bootstraped using react-npm-boilerplate Demo Demo Page
Modern, tree-shakeable loaders & spinners for React. Made with CSS, HTML and a splash of SVG.
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-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
Ladda Buttons with built-in loading indicators, effectively bridging the gap between action and feedback. Check out the demo page. Installation npm in
React Redux Loading Bar A React component that provides Loading Bar (aka Progress Bar) for long running tasks. Consists of: React component — displays
Frogress ❄️ The ultimate Line Progress Bar UI for React @frogress/line 📦 Installation # Install peer depedencies yarn add react react-dom styled-comp
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
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,
react-loading-skeleton Make beautiful, animated loading skeletons that automatically adapt to your app. Basic usage Install by npm/yarn with react-loa
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 Spinners Kit A collection of loading spinners built with styled-components. Live Demo To check out live examples visit https://dmitrymorozoff.gi
3D animated react button component with progress bar.
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 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-progress-button Simple React component for a circular Progress Button. Demo Install npm install react-progress-button --save Example Controlled
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.
Creates a download handler function and gives progress information
react-loadingmask A Loading Component for displaying loading state of a page or a section.
Circular Dashed Progress React This is zero dependency dashed circular progress
react-awesome-spinners Loading spinners for React, built with styled-components. Demo Installation npm npm i react-awesome-spinners yarn yarn add reac
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-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
preact-progress Simple and lightweight (~590 bytes gzip) progress bar component; for ⚛️ Preact Demo Install $ npm install --save preact-progress ❗ Pr