Open-source projects categorized as react-components | Edit details

Top 23 react-component Open-Source Projects

  • GitHub repo material-ui

    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.

    Project mention: Modern JavaScript:Everything you missed over the last 10 years(ECMAScript 2020) | news.ycombinator.com | 2021-05-15

    Can you point me towards examples of the usage of AST rewriting tools that are actively being used by open-source library maintainers in other ecosystems to help their consumers do upgrades in large code-bases (e.g. I can see that `clang` has AST tooling, but I don't see examples online of this being widely used: https://devblogs.microsoft.com/cppblog/exploring-clang-tooli...).

    Within the JavaScript ecosystem this is quite popular (1. https://github.com/reactjs/react-codemod; 2. https://github.com/mui-org/material-ui/tree/HEAD/packages/ma... 3. https://github.com/emotion-js/emotion/tree/main/packages/esl... etc.) Teams that maintain huge codebases have tooling to safely automate their upgrades and the best library maintainers provide their consumers with these AST transformations.

      > Don't tell that to anyone who uses

  • GitHub repo awesome-react-components

    Curated List of React Components & Libraries.

    Project mention: NodeJs + Electronjs | reddit.com/r/electronjs | 2021-03-20

    Here’s a good place to start for components https://github.com/brillout/awesome-react-components

  • GitHub repo react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Super Simple List Virtualization in React with IntersectionObserver | dev.to | 2021-05-11

    Virtualisation is simple in theory, but a bit harder in practice. There are two commonly used React libraries for implementing virtualization - react-window and react-virtualized. Both of these libraries are maintained by Brian Vaughn, who is also a member of the core React team at Facebook.

  • GitHub repo Enzyme

    JavaScript Testing utilities for React

    Project mention: My go-to React libraries for 2021 | dev.to | 2021-05-14

    I was introduced to testing React applications with Enzyme. Back in the day it was probably the best solution. But time has passed and a very strong alternative has appeared :

  • GitHub repo react-native-web

    React Native Components and APIs for the Web

    Project mention: What to learn ReactNative, should I start with Reactjs or skip it? | reddit.com/r/reactnative | 2021-05-01

    Not sure if it’s been mentioned, but there’s also React Native Web (https://github.com/necolas/react-native-web - first Google result) which can make it easier to write for the web in your own idiom. I haven’t used it yet, but I would consider it for the right thing.

  • GitHub repo chakra-ui

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

    Project mention: Create a portfolio card with React, ChakraUi, and framerMotion | dev.to | 2021-05-11

    UI components - Chakra UI

  • GitHub repo semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: LifeKnifeX - a Collection of Life Management Tools | dev.to | 2021-05-09

    It uses Redux Toolkit to make Redux marginally bearable (more on that story later) for state management, and the wonderful and stunning Semantic UI React integration to make things look pretty. Icons are provided via React Icons, which we will see in action shortly.

  • GitHub repo office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: List of Web Component libraries and systems | dev.to | 2021-03-31

    Fluent UI (Microsoft)

  • GitHub repo antd-mobile

    A configurable Mobile UI

  • GitHub repo rebass

    :atom_symbol: React primitive UI components built with styled-system.

    Project mention: 15 Free ReactJS Templates for Your Next Project | dev.to | 2021-04-14

    TRebass is a primitive UI component built with styled-system. It is known to be one of the best React component libs out there. It is responsive, supports styled-components, flexbox, and more. See it's Live Demo

  • GitHub repo base web

    A React Component library implementing the Base design language

    Project mention: 5 simple ways to improve your website UI (for developers) 🎨🖥️ | dev.to | 2021-05-02

    Base Web by Uber

  • 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 react-on-rails

    Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.

    Project mention: Does anyone know a way to make a React with Rails application SEO friendly? | reddit.com/r/rails | 2021-03-19

    https://github.com/shakacode/react_on_rails - It was last updated 2 months ago & can do prerendering. I'm not sure why more people aren't suggesting this.

  • GitHub repo beautiful-react-hooks

    🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥

    Project mention: React Context Confusion | reddit.com/r/reactjs | 2021-02-12

    You could bypass Context altogether and use Observables as they are reactive. There is this useObservable hook that allows interop with RXJS or anything that follows the Observable contract. You can see in the implementation, all it does is handle the subscription. You can see in my favourite library, Effector, it has a useStore hook that pulls your data out of its Observable store for you.

  • GitHub repo airframe-react

    Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo jsLingui

    🌍📖 A readable, automated, and optimized (5 kb) internationalization for JavaScript

  • GitHub repo react-flexbox-grid

    A set of React components implementing flexboxgrid with the power of CSS Modules.

  • GitHub repo rc-slider

    React Slider

    Project mention: How to create own NPM package with css files | reddit.com/r/learnjavascript | 2021-05-08

    You provide the CSS file for the consumer to import: https://github.com/react-component/slider#usage

  • GitHub repo reactour

    Tourist Guide into your React Components

    Project mention: Create a guided tour plugin in the admin panel | dev.to | 2021-02-22

    In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.

  • GitHub repo video-react

    A web video player built for the HTML5 world using React library.

  • GitHub repo react-awesome-slider

    React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders. 🖥️ 📱

  • GitHub repo primereact

    The Most Complete React UI Component Library

    Project mention: Alternative for Material UI | reddit.com/r/reactjs | 2021-04-13

    Checkout PrimeReact. It is design agnostic and have themes like material, bootstrap, fluent and many more. Note: I work at PrimeTek, Vendor o PrimeReact, PrimeNG, PrimeFaces and PrimeVue.

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-05-15.


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

Project Stars
1 material-ui 68,157
2 awesome-react-components 26,849
3 react-virtualized 21,679
4 Enzyme 19,539
5 react-native-web 18,705
6 chakra-ui 17,691
7 semantic-ui-react 12,244
8 office-ui-fabric-react 11,313
9 antd-mobile 8,807
10 rebass 7,285
11 base web 6,346
12 rsuite 5,505
13 react-on-rails 4,705
14 beautiful-react-hooks 4,337
15 airframe-react 3,528
16 jsLingui 3,064
17 react-flexbox-grid 2,816
18 react-image-gallery 2,641
19 rc-slider 2,520
20 reactour 2,344
21 video-react 2,129
22 react-awesome-slider 2,101
23 primereact 2,000