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. Learn more →
Top 23 UI Framework 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.
-
-
react-admin
A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
-
-
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
-
-
-
onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
-
react-toolbox
A set of React components implementing Google's Material Design specification with the power of CSS Modules
-
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
-
-
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click
-
-
-
-
searchkit
Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support
-
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.
Ant Design
Project mention: Ask HN: Features for GPU price-per-hour tracker for A100/H100s | news.ycombinator.com | 2024-04-14
Project mention: Ask HN: Does Anyone Use a "Closed Core" Software Model? | news.ycombinator.com | 2024-04-16> "Are there examples of companies adopting this model?"
Many examples across the industry:
- Autodesk AutoCAD (closed) + Plugins/Addons (many open)
- MS Windows (closed) + Many 3rd party programs (open)
- Github (closed) + Github Actions (open)
- Npm (closed) + Npm modules (mostly open)
> "What are the potential benefits or pitfalls?"
Benefits:
- Harder to replicate, the company gets to keep the "secret sauce" a secret
- Opening up a way to "extend" the platform means 3rd party developers add value to your system
- The core isn't open, so less effort is required to maintain compare to OpenSource
Pitfalls:
- Closed-source is hard to verify, company is essentially saying "trust me bro"
- Less innovation, as user's can't contribute to the core
> "How does it impact community engagement and software adoption?"
There's hardcore FOSS advocates that will hate anything not fully open. But a business has to make money and protect it's IP, having a "closed core" is one way to do that and ensure a sustainable business model.
Another approach is the opposite, open-core + closed-premium-addons. An example of this is "React Admin"
- Open Core -> https://github.com/marmelab/react-admin
- Premium Modules Offering -> https://react-admin-ee.marmelab.com/
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/
Official Website: https://blueprintjs.com/
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://onsen.io/
🔍 Site ⭐ GitHub
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs
Official Website: https://rsuitejs.com/
🔍 Site ⭐ GitHub
Official Website: https://primereact.org/
Project mention: Autocomplete – a JavaScript library for building autocomplete experiences | news.ycombinator.com | 2023-06-07https://github.com/searchkit/searchkit is an instantsearch adapter for elasticsearch / opensearch
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).
UI Frameworks related posts
- Ask HN: Does Anyone Use a "Closed Core" Software Model?
- Ask HN: Features for GPU price-per-hour tracker for A100/H100s
- Top 5 UI Component Libraries for React.js
- Exploring 5 Top UI Frameworks for React
- React Component Libraries
- Material UI vs. Chakra UI: Which One to Choose?
- Chakra UI adoption guide: Overview, examples, and alternatives
-
A note from our sponsor - InfluxDB
www.influxdata.com | 24 Apr 2024
Index
What are some of the best open-source UI Framework projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Material UI | 91,511 |
| 2 | antd | 90,129 |
| 3 | chakra-ui | 36,514 |
| 4 | react-admin | 23,981 |
| 5 | react-bootstrap | 22,197 |
| 6 | @blueprintjs/core | 20,401 |
| 7 | office-ui-fabric-react | 17,667 |
| 8 | semantic-ui-react | 13,179 |
| 9 | evergreen | 12,320 |
| 10 | antd-mobile | 11,421 |
| 11 | reactstrap | 10,560 |
| 12 | react-desktop | 9,498 |
| 13 | onsenui | 8,788 |
| 14 | react-toolbox | 8,675 |
| 15 | base web | 8,615 |
| 16 | grommet | 8,301 |
| 17 | rsuite | 8,134 |
| 18 | rebass | 7,927 |
| 19 | semi-design | 7,871 |
| 20 | reakit | 7,622 |
| 21 | carbon | 7,465 |
| 22 | primereact | 5,721 |
| 23 | searchkit | 4,710 |
Sponsored
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.
www.influxdata.com