1314 Repositories
JavaScript react-router Libraries
svg react icons of popular icon packs
React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons
Accessible modal dialog component for React
react-modal Accessible modal dialog component for React.JS Table of Contents Installation API documentation Examples Demos Installation To install, yo
Internationalization for react done right. Using the i18next i18n ecosystem.
react-i18next IMPORTANT: Master Branch is the new v10 using hooks. $ v10.0.0 npm i react-i18next react-native: To use hooks within react-native, you m
A React Component library implementing the Base design language
Base Web React Components Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base. Us
:black_medium_small_square:React Move | Beautiful, data-driven animations for React
React-Move Beautiful, data-driven animations for React. Just 3.5kb (gzipped)! Documentation and Examples Features Animate HTML, SVG & React-Native Fin
๐ High performance subscription-based form state management for React
You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.
React draggable component
React-Draggable A simple component for making elements draggable. Draggable divI can now be moved around!/div /Draggable Demo Changelog Vers
๐ฅ Create videos programmatically in React
Join the Discord Remotion is a suite of libraries building a fundament for creating videos programmatically using React. Why create videos in React? L
Markdown component for React
react-markdown Markdown component for React using remark. Learn markdown here and check out the demo here. Install npm: npm install react-markdown Why
Sandbox for developing and testing UI components in isolation
React Cosmos Sandbox for developing and testing UI components in isolation. Visual TDD. Develop one component at a time. Isolate the UI you're working
โก Zero config GUI for Jest
Majestic is a GUI for Jest โ Run all the tests or a single file โฑ Toggle watch mode ๐ธ Update snapshots โ Examine test failures as they happen โฒ Conso
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
Module SonarCloud Status ag-grid-community ag-grid-enterprise AG Grid AG Grid is a fully-featured and highly customizable JavaScript data grid. It del
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Grommet: focus on the essential experience Documentation Visit the Grommet website for more information. Support / Contributing Before opening an issu
:atom_symbol: React primitive UI components built with styled-system.
Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo
๐ป Bear necessities for state management in React
A small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, isn't boilerplatey or opinionated, but still just eno
โก๏ธThe Fullstack React Framework โ built on Next.js
The Fullstack React Framework "Zero-API" Data Layer โ Built on Next.js โ Inspired by Ruby on Rails Read the Documentation โZero-APIโ data layer lets y
Transform SVGs into React components ๐ฆ
Transform SVGs into React components ๐ฆ Try it out online! Watch the talk at React Europe SVGR transforms SVG into ready to use components. It is part
Data Visualization Components
react-vis | Demos | Docs A COMPOSABLE VISUALIZATION SYSTEM Overview A collection of react components to render common data visualization charts, such
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
Next-gen, highly customizable content editor for the browser - based on React and Redux and written in TypeScript. WYSIWYG on steroids.
ReactPage ReactPage is a smart, extensible and modern editor ("WYSIWYG") for the web written in React. If you are fed up with the limitations of conte
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Several libraries already exist for React d3 integr
A set of React components implementing Google's Material Design specification with the power of CSS Modules
React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra
A collection of composable React components for building interactive data visualizations
an ecosystem of composable React components for building interactive data visualizations. Victory Contents Getting Started Victory Native API Document
๐ Create PDF files using React
React renderer for creating PDF files on the browser and server Lost? This package is used to create PDFs using React. If you wish to display existing
React UI Components for macOS High Sierra and Windows 10
React UI Components for macOS High Sierra and Windows 10. npm install react-desktop --save Help wanted! I am looking for developers to help me develop
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable listโ๏ธ
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude
๐ A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
downshift ๐ Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See
โ๏ธ ๐ A progressive static site generator for React.
You are viewing the docs for v7 of React Static. You can browse all historical versions via Github branches! React Static A progressive static-site ge
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
React Color 13 Different Pickers - Sketch, Photoshop, Chrome and many more Make Your Own - Use the building block components to make your own Demo Liv
Isolated React component development environment with a living style guide
Isolated React component development environment with a living style guide React Styleguidist is a component development environment with hot reloaded
React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in
A comprehensive starter kit for rapid application development using React. Why Slingshot? One command to get started - Type npm start to start develop
Simple React Bootstrap 4 components
reactstrap Stateless React Components for Bootstrap 4. Getting Started Follow the create-react-app instructions to get started and then follow the rea
โ ๏ธ React MDX-based presentation decks
MDX Deck Award-winning React MDX-based presentation decks ๐ Write presentations in markdown โ๏ธ Import and use React components ๐ Customizable themes
โจ Create server-rendered universal JavaScript applications with no configuration
Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or Nuxt, fork a boilerplate, or set things up yours
React components for efficiently rendering large lists and tabular data
react-window React components for efficiently rendering large lists and tabular data React window works by only rendering part of a large data set (ju
๐ Pluggable enterprise-level react application framework.
English | ็ฎไฝไธญๆ umi ๐ Extensible enterprise-level front-end application framework. Please consider following this project's author, sorrycc, and consi
Open source, production-ready animation and gesture library for React
An open source and production-ready motion library for React on the web. Framer Motion is an open source, production-ready library that's designed for
๐ฒ Evergreen React UI Framework by Segment
Works out of the box. Evergreen contains a set of polished React components that work out of the box. Flexible & composable. Evergreen components are
โช 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,
A free book that talks about design patterns/techniques used while developing with React.
React in patterns ๐ A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat
An easily internationalizable, mobile-friendly datepicker library for the web
react-dates An easily internationalizable, accessible, mobile-friendly datepicker library for the web. Live Playground For examples of the datepicker
The JavaScript and API powered WordPress.com
Calypso Calypso is the new WordPress.com front-end โ a beautiful redesign of the WordPress dashboard using a single-page web application, powered by t
Tweak React components in real time. (Deprecated: use Fast Refresh instead.)
React Hot Loader Tweak React components in real time โ๏ธ โก๏ธ Watch Dan Abramov's talk on Hot Reloading with Time Travel. Moving towards next step React-
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
Recoil ยท Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec
A Higher Order Component using react-redux to keep form state in a Redux store
redux-form You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of Redux
๐จ๐ญ A React renderer for Three.js
react-three-fiber react-three-fiber is a React renderer for threejs. npm install three @react-three/fiber Why? Build your scene declaratively with re-
๐ฏ visx | visualization components
visx visx is a collection of reusable low-level visualization components. visx combines the power of d3 to generate your visualization with the benefi
A draggable and resizable grid layout with responsive breakpoints, for React.
React-Grid-Layout React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and suppo
โ๏ธ Hooks for building fast and extendable tables and datagrids for React
Hooks for building lightweight, fast and extendable datagrids for React Enjoy this library? Try them all! React Query, React Form, React Charts Visit
๐ Simple and complete React DOM testing utilities that encourage good testing practices.
React Testing Library Simple and complete React DOM testing utilities that encourage good testing practices. Read The Docs | Edit the docs Table of Co
A React utility belt for function components and higher-order components.
A Note from the Author (acdlite, Oct 25 2018): Hi! I created Recompose about three years ago. About a year after that, I joined the React team. Today,
A document head manager for React
React Helmet This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML t
JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. Supported by the Handsontable team โก
Handsontable is a JavaScript component that combines data grid features with spreadsheet-like UX. It provides data binding, data validation, filtering
Drag and Drop for React
React DnD Drag and Drop for React. See the docs, tutorials and examples on the website: http://react-dnd.github.io/react-dnd/ See the changelog on the
:hourglass_flowing_sand: A higher order component for loading components with promises.
A higher order component for loading components with dynamic imports. Install yarn add react-loadable Example import Loadable from 'react-loadable'; i
๐ React for interactive command-line apps
React for CLIs. Build and test your CLI output using components. Ink provides the same component-based UI building experience that React offers in the
Redefined chart library built with React and D3
Recharts Introduction Recharts is a Redefined chart library built with React and D3. The main purpose of this library is to help you to write charts i
React Hooks library for remote data fetching
Introduction swr.vercel.app SWR is a React Hooks library for remote data fetching. The name โSWRโ is derived from stale-while-revalidate, a cache inva
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi
โก๏ธ Simple, Modular & Accessible UI Components for your React Applications
Build Accessible React Apps with Speed โก๏ธ Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to
A React-based UI toolkit for the web
Blueprint Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications
โ๏ธ Hooks for fetching, caching and updating asynchronous data in React
Hooks for fetching, caching and updating asynchronous data in React Enjoy this library? Try the entire TanStack! React Table, React Form, React Charts
Bootstrap components built with React
React-Bootstrap Bootstrap 4 components built with React. Docs See the documentation with live editable examples and API documentation. To find the doc
JavaScript Testing utilities for React
Enzyme Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse,
๐ React Hooks for forms validation (Web + React Native)
English | ็นไธญ | ็ฎไธญ | ๆฅๆฌ่ช | ํ๊ตญ์ด | Franรงais | Italiano | Portuguรชs | Espaรฑol | ะ ัััะบะธะน | Deutsch | Tรผrkรงe Features Built with performance and DX in mind
A spring that solves your animation problems.
React-Motion import {Motion, spring} from 'react-motion'; // In your render... Motion defaultStyle={{x: 0}} style={{x: spring(10)}} {value = div
โ๏ธ A spring physics based React animation library
react-spring is a spring-physics based animation library that should cover most of your UI related animation needs. It gives you tools flexible enough
โ It has never been so easy to document your things!
Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them i
React Hooks โ ๐
Collaborative editing for your app. Support on Kickstarter! ๐ react-use Collection of essential React Hooks. Port of libreact. Translations: ๐จ๐ณ ๆฑ่ฏญ
React Starter Kit โ isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
React Starter Kit โ "isomorphic" web app boilerplate React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Expr
React components for efficiently rendering large lists and tabular data
React components for efficiently rendering large lists and tabular data. Check out the demo for some examples. Sponsors The following wonderful compan
The Select Component for React.js
React-Select The Select control for React. Initially built for use in KeystoneJS. See react-select.com for live demos and comprehensive docs. React Se
Easy to maintain open source documentation websites.
Docusaurus We are working hard on Docusaurus v2. If you are new to Docusaurus, try using the new version instead of v1. See the Docusaurus v2 website
Beautiful and accessible drag and drop for lists with React
react-beautiful-dnd (rbd) Beautiful and accessible drag and drop for lists with React Play with this example if you want! Core characteristics Beautif
Build forms in React, without the tears ๐ญ
Build forms in React, without the tears. Visit https://formik.org to get started with Formik. Organizations and projects using Formik List of organiza
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Start your next react project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices Cr
๐จ๐ปโ๐ป๐ฉ๐ปโ๐ป Use Ant Design like a Pro!
English | ็ฎไฝไธญๆ | ะ ัััะบะธะน | Tรผrkรงe | ๆฅๆฌ่ช | Franรงais | Portuguรชs | ุงูุนุฑุจูุฉ Ant Design Pro An out-of-box UI solution for enterprise applications as a Rea
Declarative routing for React
React Router Declarative routing for React Docs View the docs here Migrating from 2.x/3.x? 3.x docs 2.x docs Packages This repository is a monorepo th
Build blazing fast, modern apps and websites with React
Gatsby v3 โ๏ธ ๐ ๐ Fast in every way that matters Gatsby is a free and open source framework based on React that helps developers build blazing fast w
๐ The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
The React Framework
Next.js Getting Started Visit https://nextjs.org/learn to get started with Next.js. Documentation Visit https://nextjs.org/docs to view the full docum
Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
Material-UI Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more access
Set up a modern web app by running one command.
Create React App Create React apps with no build configuration. Creating an App โ How to create a new app. User Guide โ How to develop apps bootstrapp
A declarative, efficient, and flexible JavaScript library for building user interfaces.
React ยท React is a JavaScript library for building user interfaces. Declarative: React makes it painless to create interactive UIs. Design simple view
A new Node.js resource built using Gatsby.js with React.js, TypeScript, and Remark.
Nodejs.dev Nodejs.dev site built using Gatsby.js with React.js, TypeScript, SCSS, and Remark. You can find the latest Figma design protype here. ๐ Ge
A free book that talks about design patterns/techniques used while developing with React.
React in patterns ๐ A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat
๐ Study guide and introduction to the modern front end stack.
Grab Front End Guide Credits: Illustration by @yangheng This guide has been cross-posted on Free Code Camp. Grab is Southeast Asia (SEA)'s leading tra
๐ 33 concepts every JavaScript developer should know.
33 Concepts Every JavaScript Developer Should Know Introduction This repository was created with the intention of helping developers master their conc
freeCodeCamp.org's open source codebase and curriculum. Learn to code for free.
freeCodeCamp.org's open-source codebase and curriculum freeCodeCamp.org is a friendly community where you can learn to code for free. It is run by a d
Full stack CQRS, DDD, Event Sourcing framework for Node.js
reSolve is a full stack functional JavaScript framework. CQRS - independent Command and Query sides. DDD Aggregate support. Event sourcing - using eve
Modern framework for fast, powerful React apps
FUSION.JS Modern framework for fast, powerful React apps What is it? fuยทsion โ noun The process or result of joining two or more things together to fo
:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
RAN : React . GraphQL . Next.js Toolkit New version is coming... Follow up here: https://github.com/Sly777/ran/issues/677 Features Hot-Reload Ready fo
The most powerful headless CMS for Node.js โ built with GraphQL and React
A scalable platform and CMS to build Node.js applications. schema = ({ GraphQL, AdminUI }) Keystone Next is a preview of the next major release of Ke
๐ฐ Rax is a progressive React framework for building universal application. https://rax.js.org
Rax is a progressive React framework for building universal applications. ๐ Write Once, Run Anywhere: write one codebase, run with Web, Weex, Node.js
A JavaScript Framework for Building Brilliant Applications
mithril.js What is Mithril? Installation Documentation Getting Help Contributing What is Mithril? A modern client-side JavaScript framework for buildi
A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM
Vidact Vidact compiles your React source codes to VanillaJS code with No Virtual DOM โข๏ธ . It is similar to Svelte, but unlike Svelte, Vidact does not
:fire: An extremely fast, React-like JavaScript library for building modern user interfaces
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server. Description The main obje
Relay is a JavaScript framework for building data-driven React applications.
Relay ยท Relay is a JavaScript framework for building data-driven React applications. Declarative: Never again communicate with your data store using a
A blazing fast React alternative, compatible with IE8 and React 16.
Nerv is a virtual-dom based JavaScript (TypeScript) library with identical React 16 API, which offers much higher performance, tinier package size and