JavaScript UI Frameworks

Open-source JavaScript projects categorized as UI Frameworks | Edit details

Top 23 JavaScript UI Framework Projects

  • material-ui

    MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

    Project mention: Micro Frontends 101 👨🏻‍🏫 | dev.to | 2022-05-22

    Because each MFE is its own isolated entity there is a chance that when the host renders the MFE we can have an inconsistency in the designs. Though there are ways we can work around this through using popular component libraries such us Material UI throughout our Hosts and MFE's or forming themes which the MFE can inherent from the Parent ie: tailwind theme, emotion theme.

  • semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: How to make a Semantic UI React grid full screen with different row heights? | reddit.com/r/codehunter | 2022-05-09

    I am trying to make a Semantic UI React grid full screen with a particular layout.

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

  • evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: Is there any commonly used or standard used UI library in React? | reddit.com/r/reactjs | 2021-12-05

    From evergreen : https://evergreen.segment.com/ From uber : https://baseweb.design/

  • reactstrap

    Simple React Bootstrap 5 components

    Project mention: In React how to import only needed Bootstrap styles. Bootstrap css modules? | reddit.com/r/codehunter | 2022-05-15

    I tried with reactstrap, and yes has bootstrap css classes as components (e.g ) but you have to includes all bootstrap styles:

  • react-desktop

    React UI Components for macOS High Sierra and Windows 10

    Project mention: 9 Ways You Can Use React Today in 2022 | dev.to | 2022-01-21

    react-desktop provides a set of ready-to-use react components with the goal of bringing a native desktop experience, featuring many Windows 10 and MacOS Sierra components:

  • react-toolbox

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

    Project mention: React Libraries | dev.to | 2021-12-07

    react-toolbox - A set of React components implementing Google's Material Design specification

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

    Project mention: Why are HTML attributes set differently into the DOM? | reddit.com/r/codehunter | 2022-04-28

    For one of our web applications, we used the Onsen UI js framework with its React support library

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • grommet

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

    Project mention: Hacktoberfest 3rd contribution | dev.to | 2021-10-31

    Since I had already waited for quite a bit, I started searching for other issues to work on. However, I was either finding large complicated ones or really tiny changes but nothing in between. To not waste any further time, I decided to go back and check #5735 in grommet which I had worked on previously. They still had a huge chunk of components that still needed work (4/60 done).

  • rebass

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

    Project mention: What is Rebass and How to provide theming to Rebass Components? ⚛️ | dev.to | 2022-04-27

    Rebass is a simple React UI component library that allows you to create primitive UI components using the Styled System library. With Rebass, you can get started with your design system without having to write a lot of boilerplate code. Emotion, Styled Components, and Styled System are used to create Rebass, a themeable primitive UI component library for React. Because it is designed with Styled System, any Styled System theme object should work with Rebass. Rebass components include a standardized style props API to create larger component libraries.

  • base web

    A React Component library implementing the Base design language

    Project mention: Introducing Ladle for React Stories | dev.to | 2022-03-29

    We used Base Web to benchmark Ladle and latest Storybook v6.4.19. Base Web is a complex component library and has about 350 stories. The Storybook uses the default bootstrapped settings. The test is made on MBP 2018, i7 2.7 GHz. The time is measured in seconds and less is better.

  • carbon

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

    Project mention: UI Design by engineers. What can we do to improve? | reddit.com/r/UI_Design | 2022-05-13

    Carbon is IBM’s

  • elemental

    A flexible and beautiful UI framework for React.js

    Project mention: 8 Awesome UI libraries for React Developers | reddit.com/r/devresource | 2021-08-26

    Elemental UI 📎 http://elemental-ui.com/

  • gestalt

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

    Project mention: 유명한 리액트 컴포넌트 라이브러리 모음 | dev.to | 2021-08-06

    Visit the official Gestalt Documentation

  • belle

    Configurable React Components with great UX

  • rctui

    A collection of components for React, base on bootstrap 4.0.

  • react-materialize

    Material design for react, powered by materializecss

    Project mention: Typescript react - Could not find a declaration file for module ''react-materialize'. 'path/to/module-name.js' implicitly has an any type | reddit.com/r/codehunter | 2021-10-15
  • aframe-react

    :atom: Build virtual reality experiences with A-Frame and React.

  • orbit-components

    React components of open-source Orbit design system by Kiwi.com (by kiwicom)

  • shards-react

    ⚛️A beautiful and modern React design system.

    Project mention: Top React dashboard libraries | dev.to | 2022-03-15

    Links: Demo | GitHub repo | npm page

  • pivotal-ui-react

    Pivotal's design system & component library

  • react-foundation

    Foundation as React components.

  • volt-react-dashboard

    Free and open source React.js admin dashboard template and UI library based on Bootstrap 5

    Project mention: Top React dashboard libraries | dev.to | 2022-03-15

    git clone https://github.com/themesberg/volt-react-dashboard.git

  • react-essence

    Essence - The Essential Material Design Framework (by Evo-Forge)

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 2022-05-22.

JavaScript UI Frameworks related posts

Index

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

Project Stars
1 material-ui 78,636
2 semantic-ui-react 12,752
3 evergreen 11,619
4 reactstrap 10,294
5 react-desktop 9,338
6 react-toolbox 8,702
7 onsenui 8,579
8 grommet 7,905
9 rebass 7,724
10 base web 7,679
11 carbon 5,513
12 elemental 4,325
13 gestalt 3,977
14 belle 2,522
15 rctui 1,649
16 react-materialize 1,386
17 aframe-react 1,315
18 orbit-components 1,196
19 shards-react 722
20 pivotal-ui-react 642
21 react-foundation 594
22 volt-react-dashboard 590
23 react-essence 416
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com