Open-source projects categorized as ReactJS | Edit details

Top 23 ReactJS Open-Source Projects

  • GitHub repo taro

    开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

    Project mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22

    NervJS / taro

  • GitHub repo react-starter-kit

    React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture

    Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp

  • GitHub repo normalizr

    Normalizes nested JSON according to a schema

    Project mention: Modify Deep State of App | reddit.com/r/reactjs | 2021-06-17

    That's a great hunch. Usually on real apps with APIs you'll use something like Normalizr to flatten your data structure. For it to work you will need a unique id for every data point.

  • GitHub repo chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Project mention: 15+ Fantastic React UI Libraries to Consider for your Project | dev.to | 2021-06-14
  • GitHub repo react-testing-library

    🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

    Project mention: React, TypeScript, and TDD | dev.to | 2021-05-11

    react-testing-library for test helpers and an assertion library

  • GitHub repo redoc

    📘 OpenAPI/Swagger-generated API Reference Documentation

    Project mention: Best toolset/workflow for prototyping and iterating an API? | reddit.com/r/node | 2021-05-18

    That's about the API design and specification. Now let's turn our attention to API UIs for visualisation and interaction. API UIs are useful for other people to easily understand your API. Again, quite a variety of choices in this area, but the most common are Swagger UI and Redoc. Lots of frameworks and tools will allow you to render the Swagger or Redoc UI of an OpenAPI spec from the specification document, such as Swagger's editor. And if you're comfortable enough with JavaScript, you can do the rendering yourself using the npm package. A fancier UI is Slate. I don't know whether Slate will automatically generate code samples in every popular language, but it does allow you to write the samples yourself. There're various tools that render a Slate UI from an OpenAPI specification. I believe Postman also allows you to generate a fancy UI.

  • GitHub repo Bit

    A lightweight and highly extendible Polyrepo for component-driven development.

    Project mention: Your go-to website when looking for a particular component | reddit.com/r/reactjs | 2021-06-13

    Perhaps https://bit.dev/

  • GitHub repo reactjs-interview-questions

    List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

    Project mention: Front End, React. js and React Native interview - Junior / Mid | reddit.com/r/reactjs | 2021-05-29
  • GitHub repo emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: Real-world CSS vs. CSS-in-JS performance comparison | news.ycombinator.com | 2021-06-08
  • GitHub repo reactotron

    A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

    Project mention: React Native Vs. Flutter: The Key Differences Every Mobile App Developer Should Know In 2021 [Guide For Beginners] | dev.to | 2021-06-16

    reactotron, — for inspecting and debugging your macOS, Windows, and Linux apps

  • GitHub repo CoreUI-Free-Bootstrap-Admin-Template

    CoreUI is free bootstrap admin template

    Project mention: Top 20+ Bootstrap Dashboard Templates To Use Absolutely Free | dev.to | 2021-04-20

    More details Demo GitHub

  • GitHub repo mdx-deck

    ♠️ React MDX-based presentation decks

    Project mention: On the limits of MDX | dev.to | 2021-04-01

    Yep, you can import JSX components and embed them with your run-of-the-mill Markdown prose. If you're documenting your JSX based component library, which is what Docz let you do, this makes all the sense in the world. MDX is also used to author slide decks in mdx-deck, which is very appealing if you're tired of clicking around in Keynote/PowerPoint/Google Sheets. Which many of us are. I'm not denying the appeal or usability of MDX for certain things for certain people.

  • GitHub repo spectrum

    Simple, powerful online communities.

    Project mention: Show HN: GraphCDN, the GraphQL CDN with edge caching and analytics | news.ycombinator.com | 2021-06-17

    Hey HN,

    When I built my last startup, Spectrum, we spent months building custom caching for our GraphQL API from scratch. It never worked well enough to alleviate our scaling troubles as we could only cache data for unauthenticated users since we had no invalidation. (since we open sourced it all before GitHub acquired us, you can even read through my terrible code[0])

    When Tim told me he had built a prototype of a CDN specifically for caching GraphQL query results with proper invalidation, my first thought was: "Finally!" Not only had he made it possible to cache POST requests (which GraphQL requests usually are), he had made it possible to purge cached query results per specific GraphQL object. For example, when a user edits their name the API can call a purgeUser(id: $ID) mutation and any cached query result that contains that user's data is invalidated.

    GraphCDN is based on Fastly [email protected] under the hood, which is really the main reason we were able to spin this up so quickly. Huge shoutout to the folks building that!

    We'll be around all day to answer any questions you have about GraphCDN — ask us anything!

    [0]: https://github.com/withspectrum/spectrum/blob/alpha/api/apol...

  • GitHub repo awx

    AWX Project

    Project mention: [Question] Tower-cli allow for wildcard host searches -or- parsing results with multiple items inside. | reddit.com/r/ansible | 2021-06-16
  • GitHub repo Blitz

    ⚡️The Fullstack React Framework — built on Next.js

    Project mention: Blitz: The Fullstack React Framework – Built on Next.js | news.ycombinator.com | 2021-06-06
  • GitHub repo gdbgui

    Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.

  • GitHub repo react-toastify

    React notification made easy 🚀 !

    Project mention: How to create simple and stylish notifications using react-toastify | dev.to | 2021-03-29

    If you feel like using react-toastify in your app after reading this post, I strongly recommend heading over to the demo page and playing around with the different configurations.

  • GitHub repo awesome-nextjs

    :notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)

    Project mention: Learn Next.js For Free with These Resources | dev.to | 2021-03-28

    3.Awesome Next.js

  • GitHub repo rsuite

    🧱 A suite of React components .

    Project mention: What Is React Template? React Template Definition | dev.to | 2021-03-23

    React suit is an example of such a narrowly focused component library for enterprise system products.

  • GitHub repo nerv

    A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)

    Project mention: [AskJS] Millions of Indian and Chinese devs use Javascript: how come there aren't more big open source tools coming out of these places? | reddit.com/r/javascript | 2021-03-03

    https://github.com/NervJS/nerv is a chinese react drop-in alternative (pretty decent one, at that)

  • GitHub repo Manta

    🎉 Flexible invoicing desktop app with beautiful & customizable templates.

    Project mention: How do you create your invoices? | dev.to | 2021-05-07

    My favorite is a free, open-source project Manta - a desktop application for creating invoices with beautiful and customizable templates.

  • GitHub repo react-draft-wysiwyg

    A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg

    Project mention: 15+ Fantastic React UI Libraries to Consider for your Project | dev.to | 2021-06-14
  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

    Project mention: Designing Keyboard Accessibility for Complex React Experiences | dev.to | 2021-06-10

    For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-06-17.


What are some of the best open-source ReactJS projects? This list will help you:

Project Stars
1 taro 29,015
2 react-starter-kit 20,773
3 normalizr 20,206
4 chakra-ui 18,766
5 react-testing-library 14,614
6 redoc 14,266
7 Bit 13,572
8 reactjs-interview-questions 13,445
9 emotion 13,170
10 reactotron 12,960
11 CoreUI-Free-Bootstrap-Admin-Template 10,825
12 mdx-deck 10,203
13 spectrum 9,911
14 awx 9,777
15 Blitz 8,292
16 gdbgui 8,015
17 react-toastify 6,856
18 awesome-nextjs 5,922
19 rsuite 5,610
20 nerv 5,360
21 Manta 5,121
22 react-draft-wysiwyg 5,081
23 reakit 4,830