JavaScript react-components

Open-source JavaScript projects categorized as react-components

Top 23 JavaScript react-component Projects

  • material-ui

    MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: The current state of CSS-in-JS + React | reddit.com/r/reactjs | 2023-02-05
  • react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Best infinity scroll? | reddit.com/r/reactjs | 2023-01-19

    I've used the InfiniteLoader from react-virtualized in combination with useInfiniteQuery from @tanstack/react-query and it was relatively painless.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-native-web

    Cross-platform React UI packages

    Project mention: I lost $209,640 of my own money trying to start a business | news.ycombinator.com | 2023-01-31

    If you're using Expo (which I assume most are on RN) they have web support. This is via React Native Web, which is a separate project if you wanted to use that directly too.

    Personally though, I've found the DX of Flutter far above RN. I always had random packages break on RN that I had to fix every time, while with Flutter most of what you need is already included in the framework, including a component UI library for Android and iOS.

    [0] https://docs.expo.dev/workflow/web/

    [1] https://github.com/necolas/react-native-web

  • Enzyme

    JavaScript Testing utilities for React

    Project mention: How to Confidently Write Unit Tests using React Testing Library | dev.to | 2022-12-01

    So If you have experience with enzyme testing, where you might be checking the value of state once you click any button or you might be checking the prop value If something changes.

  • semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: Best React UI frameworks to boost Productivity 🚀 🌟 | dev.to | 2023-01-30

    3. Semantic UI React

  • rebass

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

    Project mention: Comparing React Component Libraries | dev.to | 2022-09-16

    If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.

  • beautiful-react-hooks

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

    Project mention: 16 Github Repos to master React | dev.to | 2023-01-23

    10-) Sometimes when hooks are not enough for you, you may feel the need to write Custom Hooks. A great Custom Hook List that will make your job easier react-use beautiful-react-hooks

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • react-native-keyboard-aware-scroll-view

    A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.

    Project mention: Fixing Keyboard Avoiding in React Native | dev.to | 2022-08-21

    Also, it will bug out any time you're using react navigation. (Yes this bug still exists, no you cannot avoid it in all situations).

  • reactivesearch

    Search UI components for React and Vue

    Project mention: Search box and results component | reddit.com/r/reactjs | 2023-01-29

    reactivesearch has the most stars from what I can find on GH. I've never used one either, maybe someone else will have a better suggestion.

  • airframe-react

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

    Project mention: Top React dashboard libraries | dev.to | 2022-03-15
  • react-flexbox-grid

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

    Project mention: What is the meaning of xs, md, lg in CSS Flexbox system? | reddit.com/r/codehunter | 2022-03-29

    I'm developing an application using React and wanted to style components, I found https://roylee0704.github.io/react-flexbox-grid/ which talks about a fluid grid system. The example looks like:

  • rc-slider

    React Slider

    Project mention: Best NPM Package for React.js | dev.to | 2022-06-21
  • advanced-react-patterns

    This is the latest advanced react patterns workshop

    Project mention: React Design Patterns and Repo | reddit.com/r/reactjs | 2023-01-02

    Advanced React Patterns by Kent C Dodds is very good. Check it out - https://github.com/kentcdodds/advanced-react-patterns

  • video-react

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

    Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2022-10-05

    11. video-react

  • react-feather

    React component for Feather icons

  • react-rainbow

    🌈 React Rainbow Components. Build your web application in a snap.

  • react-awesome-query-builder

    User-friendly query builder for React

  • expenses

    💰Expense tracker using Google Sheets 📉 as a storage written in React (by jakubgarfield)

    Project mention: Remove Google Auth sign-in | reddit.com/r/reactjs | 2022-05-18

    I found a project online that I'd love to use for practice and also improve it but Google it's blocking the app so I can't log in.

  • react-recipes

    👩‍🍳 A list of React Hooks utility library containing popular customized hooks

    Project mention: Common React Design patterns: Custom Hooks | dev.to | 2022-05-31

    react-use * ⭐️ 29.6k / 🔽 958k ahooks * ⭐️ 9.1k / 🔽 74k awesome-react-hooks * ⭐️ 8.1k / 🔽 74k usehooks-ts * ⭐️ 1.6k / 🔽 44k react-recipes * ⭐️ 850 / 🔽 1.2k react-hanger * ⭐️ 1.8k / 🔽 3.3k

  • pivotal-ui-react

    Pivotal's design system & component library

  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

  • react-foundation

    Foundation as React components.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-02-05.

JavaScript react-components related posts

Index

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

Project Stars
1 material-ui 84,310
2 react-virtualized 24,599
3 react-native-web 20,529
4 Enzyme 19,964
5 semantic-ui-react 12,983
6 rebass 7,869
7 beautiful-react-hooks 6,580
8 react-native-keyboard-aware-scroll-view 4,948
9 reactivesearch 4,756
10 airframe-react 3,828
11 react-image-gallery 3,299
12 react-flexbox-grid 2,907
13 rc-slider 2,872
14 advanced-react-patterns 2,742
15 video-react 2,451
16 react-feather 1,792
17 react-rainbow 1,744
18 react-awesome-query-builder 1,417
19 expenses 1,175
20 react-recipes 934
21 pivotal-ui-react 640
22 notus-react 626
23 react-foundation 601
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com