React OpenSource List

More Web Widgets can be found in Web Widgets Links.


  • 2018-react kanban : A Trello-like application built with React and Redux.

  • 2018-devhub : DevHub: TweetDeck for GitHub - Android, iOS, Web & Desktop

  • x : Desktop environment in the browser.

  • 2021-Podcastr : A platform built for podcast broadcasting. Developed during @Rocketseat NLW#05 free training.

  • 2021-Fakeflix : Not the usual clone that you can find on the web.



  • 2020-bulletproof-react : 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

  • 2021-Windows 11 in React : This open source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and Js.


Development Tools | 开发工具


  • react-styleguidist : Isolated React component development environment with a living style guide.


  • Rekit : Toolkit for building scalable web applications with React, Redux and React-router

  • react-armor : Protect your DOM from third-party tampering.

  • eslint-plugin-react : React specific linting rules for ESLint.

  • jsinspect : Detect copy-pasted and structurally similar code.

Performance Optimization | 性能优化

  • why-did-you-update : Puts your console on blast when React is making unnecessary updates.

  • 2021-React Tracked : State usage tracking with Proxies. Optimize re-renders for useState/useReducer, React Redux, Zustand and others.

  • 2021-million : Million is an extremely fast and lightweight (<4kb) virtual DOM that makes React components up to 70% faster.

Development Libraries

  • React Canvas : High performance <canvas> rendering for React components.

  • react-spectrum : A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

  • Blitz : Blitz is a batteries-included framework that’s inspired by Ruby on Rails, is built on Next.js, and features a “Zero-API” data layer abstraction that eliminates the need for REST/GraphQL.

Component Libraries

  • 2020-Radix : Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

Data Fetch

  • 2019-SWR : SWR is a React Hooks library for remote data fetching. The name “SWR” is derived from stale-while-revalidate, a HTTP cache invalidation strategy popularized by RFC 5861. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.

  • 2019-React Query : ⚛️ Hooks for fetching, caching and updating asynchronous data in React.

Component Utilities

  • recompose : A React utility belt for function components and higher-order components.

  • svgr : Transform SVG into React components

  • 2017-React Loadable : A higher order component for loading components with promises.

  • hocs : A collection of Higher-Order Components for React and React Native.



  • react-spring : Helping react-motion and animated to become best friends

  • 2017-react-move : Beautifully and deterministically animate anything in React.

  • react-flight : The best way to build animation compositions for React. Design and compose a component to start with, a component to end with, and Flight will take it from there.

  • React Reveal : Easily add reveal on scroll animations to your React app.