Find The Best React Components & Libraries For Your Project

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

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

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

react-loading Easy to use loading animations for React projects. Uses SVG animations from Brent Jackson's loading project. Installation npm i react-lo

history · The history library lets you easily manage session history anywhere JavaScript runs. A history object abstracts away the differences in vari

ARCHIVED REPO. Deprecated in favor of react-async-hook which permit the same thing with a better hooks-based api, with useAsyncCallback. React Nested

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-virtualized-auto-sizer Standalone version of the AutoSizer component from react-virtualized Install npm install --save react-virtualized-auto-si

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-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 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-awesome-spinners Loading spinners for React, built with styled-components. Demo Installation npm npm i react-awesome-spinners yarn yarn add reac

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

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

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

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-with-dynamic About Improved lazy loading in React with suspense and error boundary Demo Basic With Context How to Install First, install the lib

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

styled-content-loader The simplest solution for content loading in React and styled-components. Getting Started npm install styled-components styled-c

Powerful positioning primitives Website Floating UI is a low-level library for positioning "floating" elements like tooltips, popovers, dropdowns, men

ZSK Amnesty It's an app made for keeping track of all the letters which are written during the Amnesty International marathon at our school. The syste

Aliased imports in React + TS Reference Link craco.config.js = File added to compile aliased paths into actual paths paths.json = File added to get

A Social media App built using MERN It is a Social media app built using mern stack. You can create an account, create posts, like and comment on post

react-jw-player-ts A typescript version of ReactJWPlayer – a React component for initialization and control over client-side instances of JWPlayer.

Disney+ Clone with ReactJS A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link Yo

Laravel Breeze - Next.js Edition 🏝️ 👷 Under development. Releasing soon. Introduction This repository is an implementing of the Laravel Breeze appli

👨‍💻 Projeto realizado na trilha React da NLW 06 💡 Tecnologias 📝 Projeto Letmeask é perfeito para criadores de conteúdos poderem criar salas de Q&A

R4ndom Front-end on React This app fetches random phrases from my Rails API. Built With React Chakra-UI Redux and Redux/Toolkit Live Demo Live Demo Li

🌵 React Portfolio Portfolio One-Pager made with ReactJs Live Preview Home background effect made with React-Particles 🛠️ Packages & APIs React graph

EatsyPeasy A single page application to help you and your friends choose where to eat! Answer 3 simple questions to generate a customized selection of

Bookmark mouse position Save mouse positions using a shortcut key and quickly traverse to them using another shortcut key. bookmark-mouse-positions.1.

🍭 Wow, A react wrapper of the beautiful HTML5 music APlayer

React Mentions A React component that let's you mention people in a textarea like you are used to on Facebook or Twitter. Used in production at Signav

rc-input-number Input number control.

react-phone-number-input International phone number input for React. See Demo Install npm install react-phone-number-input --save If you're not us

Rewrite International Telephone Input in React.js. (Looking for maintainers, and PRs & contributors are also welcomed!)

react-numeral-input It is a very tiny component which is a replacement of HTML input element for post-editing format of number values. ex. 1000000 -

RIFM - React Input Format & Mask Is a tiny (≈ 800b) component (and hook) to transform any input component into formatted or masked input. Demo Highlig

About React.js component for entering a period of stay in a hotel: check-in day and check-out day. See the demo. In case when the native input type=d

React Auto Kana Japanese React Kana Input Component Demo Live Demo Installation npm install -S react-auto-kana Usage Example var React = require("rea

react-themeable Utility for making React components easily themeable. This project is still experimental, so feedback from component authors would be

react-editmask An edit mask for React based on regular expression syntax with cursor handling. Installation react-editmask requires React 0.14 or late

react-editable-title An editable title implementation for react. Installation npm install react-editable-title Usage import React, { useState } from

React Tag Input A simple (but fully customizable) react tag input component built using styled components. Demo Installation Usage API Demo Interactiv

react-csv-reader React component that handles csv file input. It handles file input and returns its content as a matrix. Docs: nzambello.github.io/rea

React higher order component for adding onEnterKeyDown to input components

Parcel is a zero configuration build tool for the web. It combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.

React-translatable-input A ReactJS input component that manages multiple languages. $ npm install --save react-translatable-input Demo http://belkalab

A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.

otp-input-react A fully customizable, one-time password input with resend OTP component for the web built with React functional component. Working Dem

react-input-checkbox Checkbox is React component for boolean values. Tiny: 957 bytes minified and gzipped (by Size Limit); Easy customize: themes and

react-otp-input A fully customizable, one-time password input component for the web built with React. Live Demo CodeSandbox Installation To install th

React Headless Phone Input A headless phone number input component built for usability. Phone numbers are hard. Users expect to be able to enter phone

react-individual-character-input-boxes React Individual Character Input Boxes (RICIBs) are individual inputs that are separate from each other but fun

A react component for digit inputs. It might be very useful to get SMS codes from user on two factor authentications and in many other scenarios when you need get an numerical input from user digit by digit.

React Currency Input Field Component

Numeric input control with step buttons for Semantic UI React

react-range-step-input An input type=range that steps up and down on click, and provides other customizations. For more info, see: https://compiled.

Pre-requierements Have Docker Installed Have react installed Have node (npm) installed Start the app (mandatory steps - recommended reading all them b

simple-sharer [by BUILDBROTHERS.COM] A javascript framework to share url to social media sites like facebook, twitter, reddit, whastapp in an easy and