Top 23 UI Framework Open-Source Projects

• material-ui

  17 65,638 9.9 JavaScript

  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: Material design on typescript without angular | reddit.com/r/MaterialDesign | 2021-03-01

  I use https://material-ui.com/ It has loads of components and really good support for styles and themes!

• react-bootstrap

  3 19,037 8.7 JavaScript

  Bootstrap components built with React

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

  https://react-bootstrap.github.io/ AND https://www.figma.com/community/file/832800692655327277 (bootstrap 4)

• Scout

  Sponsored scoutapm.com

  Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

• @blueprintjs/core

  1 17,391 8.7 TypeScript

  A React-based UI toolkit for the web

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

  https://blueprintjs.com/ AND ???

• react-admin

  6 16,121 9.9 TypeScript

  A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

  Project mention: Suggestions/Help Admin panel React - typescript | reddit.com/r/reactjs | 2021-02-24

  Check out https://marmelab.com/react-admin/

• chakra-ui

  17 15,789 10.0 TypeScript

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

  Project mention: Tailwind JSX and class composition | dev.to | 2021-03-03

  Chakra UI

• semantic-ui-react

  1 12,094 7.7 JavaScript

  The official Semantic-UI-React integration

  Project mention: Writing your 1st Custom Hook | dev.to | 2021-02-22

  For this tutorial we will use the react component library Semantic UI. No particular reason, I have just been using it lately and it is relatively simple. After running create-react-app these are our only 2 dependencies

• office-ui-fabric-react

  4 10,969 9.9 TypeScript

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

  Project mention: Is Github really seen as less professional than a personal website? | reddit.com/r/cscareerquestions | 2021-02-18

  They probably don’t understand GitHub. Here’s a large open source project authored by some folks I work with at Microsoft: https://github.com/microsoft/fluentui.

• evergreen

  2 10,514 7.3 JavaScript

  🌲 Evergreen React UI Framework by Segment

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

  https://evergreen.segment.com/ AND https://www.figma.com/community/file/873000372046493812

• reactstrap

  4 9,847 7.7 JavaScript

  Simple React Bootstrap 4 components

  Project mention: Why you should NOT use Material-UI | dev.to | 2021-02-16

  Material-UI is a popular components library (a competitor of Reactstrap that unifies React and Material Design, the design system built by Google.

• react-desktop

  0 8,995 0.4 JavaScript

  React UI Components for macOS High Sierra and Windows 10

• antd-mobile

  0 8,730 2.3 TypeScript

  A configurable Mobile UI

• react-toolbox

  0 8,675 0.0 JavaScript

  A set of React components implementing Google's Material Design specification with the power of CSS Modules

• onsenui

  0 8,263 7.8 JavaScript

  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.

• rebass

  1 7,157 5.4 JavaScript

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

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

  https://rebassjs.org/ AND ???

• grommet

  2 7,074 9.5 JavaScript

  a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

  Project mention: 5 Underrated React Design Systems for 2021 | dev.to | 2021-02-18

  Demo

• base web

  0 6,067 9.4 JavaScript

  A React Component library implementing the Base design language

• rsuite

  0 5,264 9.2 TypeScript

  🧱 A suite of React components .

• reakit

  0 4,671 8.7 TypeScript

  Toolkit for building accessible rich web apps with React

• elemental

  0 4,320 0.0 JavaScript

  A flexible and beautiful UI framework for React.js

• searchkit

  0 4,094 8.8 TypeScript

  GraphQL API & React UI components for Elasticsearch. The easiest way to build a great search experience

• carbon

  1 4,008 9.8 JavaScript

  A design system built by IBM (by carbon-design-system)

  Project mention: What are these vertical lines on the site? what is this design style called? I want to learn how to do this | reddit.com/r/Frontend | 2021-02-13

  It reminds me of Carbon UI by IBM: https://www.carbondesignsystem.com/

• antd

  22 3,942 9.9 TypeScript

  🌈 A UI Design Language and React UI library

  Project mention: How To Set Up A Design System To Work With React | reddit.com/r/UI_Design | 2021-03-01

• gestalt

  0 3,733 9.7 JavaScript

  A set of React UI components that supports Pinterest’s design language

Index