SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 react-component Open-Source Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
-
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
-
-
-
-
beautiful-react-hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
-
-
-
-
react-native-keyboard-aware-scroll-view
A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
-
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.
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Explore a curated list of awesome React components that can save you time and effort.
Project mention: Ask HN: Features for GPU price-per-hour tracker for A100/H100s | news.ycombinator.com | 2024-04-14
Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21You may increase the rendering efficiency of tabular and huge list data by using the React Virtualized module. React apps perform better overall when the quantity of requests and DOM elements is limited. React Virtualized is comparable to many other tools; however, what sets it apart from the competition is the sheer volume of features and excellent upkeep.
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 22k GitHub link: https://github.com/react-bootstrap/react-bootstrap Documentation: https://react-bootstrap.netlify.app/docs/getting-started/introduction/
maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md
Probably Enzyme was the first to popularize component testing in React by doing shallow rendering and expecting some things to be there in the React component tree. Then React Testing library came and took component testing to a whole new level.
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
Official Website: https://react.semantic-ui.com/
🔍 Site ⭐ GitHub
Official Website: https://rsuitejs.com/
🌟 Hooks Playground 🌟
Project mention: A brief history of web development. And why your framework doesn't matter | news.ycombinator.com | 2024-04-29> It’s important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.
Would you like to elaborate on that?
In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.
For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/
Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/
Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main
Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/
React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.
Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.
Project mention: Hey r/ReactNative! I recently picked up RN (am primarily a Swift developer), and am currently trying to build a drag-to-rearrange FlatList. However, I realised that z-Index really does do anything to help elevate the dragged elements over the other elements in the list. | /r/reactnative | 2023-06-03Hey man… I am interested in integrating your component into my app. I’m currently using the flat list from https://github.com/APSL/react-native-keyboard-aware-scroll-view to scroll to specific components based on focused text inputs. How could I combine your component with that and get both functionalities together? Thanks!
Project mention: 33 React Libraries Every React Developer Should Have In Their Arsenal | dev.to | 2024-01-0730.react-leaflet
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).
react-components related posts
-
Adobe React Spectrum Libraries
-
Show HN: Brutalisthackernews.com – A HN reader inspired by brutalist web design
-
Show HN: Added Shadcn UI components to my neobrutalism component collection
-
33 React Libraries Every React Developer Should Have In Their Arsenal
-
How would you name this design with boxes and lines? Looking for similar inspiration.
-
Show HN: React and Tailwind CSS UI Components
-
Using styled components with child elements generated by 3rd-party libraries
-
A note from our sponsor - SaaSHub
www.saashub.com | 8 May 2024
Index
What are some of the best open-source react-component projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Material UI | 91,692 |
| 2 | awesome-react-components | 40,442 |
| 3 | chakra-ui | 36,622 |
| 4 | react-virtualized | 25,968 |
| 5 | react-bootstrap | 22,216 |
| 6 | react-native-web | 21,345 |
| 7 | Enzyme | 19,961 |
| 8 | office-ui-fabric-react | 17,698 |
| 9 | tremor | 15,288 |
| 10 | semantic-ui-react | 13,181 |
| 11 | react-spectrum | 11,646 |
| 12 | antd-mobile | 11,426 |
| 13 | base web | 8,631 |
| 14 | rsuite | 8,152 |
| 15 | beautiful-react-hooks | 8,019 |
| 16 | rebass | 7,928 |
| 17 | nteract | 6,156 |
| 18 | primereact | 5,816 |
| 19 | react-native-keyboard-aware-scroll-view | 5,216 |
| 20 | react-on-rails | 5,059 |
| 21 | react-leaflet | 4,937 |
| 22 | reactivesearch | 4,875 |
| 23 | jsLingui | 4,210 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com