#UI Frameworks

Open-source projects categorized as UI Frameworks
Language filter: + JavaScript + TypeScript

Top 23 UI Framework 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: How to get more creative when it comes to page design? | reddit.com/r/webdev | 2021-04-17

    I like to use Material-UI for my front end, https://material-ui.com/. They've got super intuitive and coherent components and theming. It's actually hard NOT to have a nice-looking website if it's built with material.

  • GitHub repo react-bootstrap

    Bootstrap components built with React

    Project mention: bURL: A tiny web app for breaking down URLs | dev.to | 2021-04-19

    I'm thinking of quickly patching up the UI using a React component library like Ant Design or React Bootstrap. Then later we could go completely custom by using our own CSS. For CSS in a React app, I think a CSS-in-JS solution provides a good dev experience. So I'm thinking styled-components.

  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

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

    ✨Blueprint

  • GitHub repo chakra-ui

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

    Project mention: What I've learned using Chakra-Ui so far | dev.to | 2021-04-18

    However, when I created the stories with my Chakra components and checked the Storybook it did not load any styling I made with Chakra. I was frustrated at first but thanks to an issue raised I could get it working.

  • GitHub repo react-admin

    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: Ask HN: Best (Low-/No-Code) Solution for Simple Web-Based Database Front Ends | news.ycombinator.com | 2021-04-01
  • GitHub repo semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: Computer Assisted Instruction for elementary kids | reddit.com/r/AskProgramming | 2021-03-09

    If I were you I would use React or a similar framework (Angular, Vue, etc). It uses JavaScript for pretty much everything (no need to write HTML or CSS for the most part) and you can also use UI frameworks like Semantic UI for React which makes most of the UI design work for you.

  • 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 evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: 10 resources for React UI developers | dev.to | 2021-03-27
  • GitHub repo reactstrap

    Simple React Bootstrap 4 components

    Project mention: What's the easiest way to do CSS/quickest CSS framework to pickup? | reddit.com/r/webdev | 2021-03-27
  • GitHub repo react-desktop

    React UI Components for macOS High Sierra and Windows 10

  • GitHub repo antd-mobile

    A configurable Mobile UI

  • GitHub repo react-toolbox

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

  • GitHub repo 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.

  • 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 grommet

    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

  • GitHub repo base web

    A React Component library implementing the Base design language

    Project mention: Base Web – Base Web React UI Framework | news.ycombinator.com | 2021-03-30
  • GitHub repo antd

    🌈 A UI Design Language and React UI library

    Project mention: UI Component Library with good design support on Figma | reddit.com/r/react | 2021-04-13

    https://ant.design/ has Figma components created by community.

  • 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 reakit

    Toolkit for building accessible rich web apps with React

    Project mention: How to Build Accordion In React From Scratch Without Using Any External Library | reddit.com/r/reactjs | 2021-03-17

    We use Reakit for accessible set of components. Great library from great author.

  • GitHub repo elemental

    A flexible and beautiful UI framework for React.js

  • GitHub repo carbon

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

    Project mention: Backend dev here, What are todays fastest ways to build a web ui ? | reddit.com/r/Frontend | 2021-04-08

    Examples: * ant design (Alibaba) | React | Angular | Vue [https://ant.design/] * carbon (IBM) | React | Vanilla | Angular | Vue | Svelte [https://www.carbondesignsystem.com/] * Material design [https://material.io/]

  • GitHub repo searchkit

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

  • GitHub repo gestalt

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

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-04-19.

Index

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

Project Stars
1 material-ui 67,536
2 react-bootstrap 19,256
3 @blueprintjs/core 17,588
4 chakra-ui 16,934
5 react-admin 16,576
6 semantic-ui-react 12,190
7 office-ui-fabric-react 11,232
8 evergreen 10,635
9 reactstrap 9,914
10 react-desktop 9,041
11 antd-mobile 8,770
12 react-toolbox 8,684
13 onsenui 8,302
14 rebass 7,233
15 grommet 7,165
16 base web 6,233
17 antd 5,851
18 rsuite 5,417
19 reakit 4,748
20 elemental 4,325
21 carbon 4,182
22 searchkit 4,126
23 gestalt 3,761