Filter By
31 Components & Libraries
React Loader Spinners Progress Bars
A collection of loading spinner components for 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
Loaders - Lightweight loaders & spinners for your next React project
Modern, tree-shakeable loaders & spinners for React. Made with CSS, HTML and a splash of SVG.
A very simple, highly customisable youtube-like react loader component.
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
Sweet Component that tracks a users progress through a page as they scroll
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
Accessible and Simple Loading indicators in React
React Loading Simple and Accessible loading indicators with React. Comes bundled with React components of Sam Herbert's animated SVG loaders in a tree
Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.
Ladda Buttons with built-in loading indicators, effectively bridging the gap between action and feedback. Check out the demo page. Installation npm in
Loading Bar (aka Progress Bar) for Redux and React
React Redux Loading Bar A React component that provides Loading Bar (aka Progress Bar) for long running tasks. Consists of: React component — displays
❄️ The ultimate Line Progress Bar UI for React - Supports 🌸 Natural color gradients & ☃️ Coherent border rounding
Frogress ❄️ The ultimate Line Progress Bar UI for React @frogress/line 📦 Installation # Install peer depedencies yarn add react react-dom styled-comp
Easy way to block the user from interacting with your UI.
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 skeleton loadings.
SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). Features ⚙️ Customizable: Feel free to change the colors,
Make beautiful, animated loading skeletons that automatically adapt to your app.
react-loading-skeleton Make beautiful, animated loading skeletons that automatically adapt to your app. Basic usage Install by npm/yarn with react-loa
🎈React component to manipulate the favicon, for loading or progress.
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
A collection of loading spinners with React.js
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.
3D animated react button component with progress bar.
A collection of loading indicators animated with CSS for React
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
Amazing collection of React spinners components with pure css
React Spinners CSS Loaders (Vue, Angular) Amazing collection of React spinners components with pure css. The React spinners are based on loading.io an
Build a smooth and lightweight react component loading with css 🎉 .
A React-based Loading animation component library 简体中文 | English Introduction React-Loading is a React-based Loading animation component library inclu
:cyclone: Simple react.js component for an inline progress indicator
react-progress-button Simple React component for a circular Progress Button. Demo Install npm install react-progress-button --save Example Controlled
React Loading Iframe
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
Creates a download handler function and gives progress information
A Loading Component for displaying loading state of a page or a section.
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 bar component in React
Circular Dashed Progress React This is zero dependency dashed circular progress
Awesome spinners for React 👋 ⚛ Built with styled-components 💅
react-awesome-spinners Loading spinners for React, built with styled-components. Demo Installation npm npm i react-awesome-spinners yarn yarn add reac
React PureComponent loading animations
react-pure-loaders React PureComponent loading animations Demo Demo Page Installation Install with yarn: yarn add @emotion/core react-pure-loaders Ins
Reprogressbars is a progress bar library built on React.
Reprogressbars Intro Reprogressbars is a progress bar library built on React. The main purpose of this library is to simplify displaying progress from
💀 Dead simple content loading components for React and React-Native. 💀
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 component that displays a spinner via spin.js until your component is loaded.
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 hook to manage a numeric stepper/spinbutton
use-stepper React hook to manage a numeric stepper/spinbutton The problem A numeric stepper or "spinbutton" (decrement button, input, increment button
Progress component for React and React Native
react-progress-label Progress component for React and React Native Installation yarn add react-progress-label npm install react-progress-label --save
CSS-only spinners of loading.io for React
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
Simple and lightweight (~590 bytes gzip) progress bar component for Preact
preact-progress Simple and lightweight (~590 bytes gzip) progress bar component; for ⚛️ Preact Demo Install $ npm install --save preact-progress ❗ Pr