JavaScript UI Frameworks

Open-source JavaScript projects categorized as UI Frameworks

Top 23 JavaScript UI Framework Projects

  • semantic-ui-react

    The official Semantic-UI-React integration

    Project mention: How to avoid magic numbers? | reddit.com/r/webdev | 2023-04-25

    - semantic UI: https://react.semantic-ui.com/ (haven't really tried but I heard good things)

  • evergreen

    🌲 Evergreen React UI Framework by Segment

    Project mention: What are your favourite React Native UI frameworks / Libraries? | reddit.com/r/reactnative | 2022-11-04

    Is there anything out there that is the React Native equivalent of something like Evergreen, Chakra or Radix?

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

  • reactstrap

    Simple React Bootstrap 5 components

    Project mention: Use React and Spring Boot to Build a Simple CRUD App | dev.to | 2023-01-18

    After the app creation process completes, navigate into the app directory and install Bootstrap, cookie support for React, React Router, and Reactstrap.

  • react-desktop

    React UI Components for macOS High Sierra and Windows 10

    Project mention: Is react relevant to target multiple platforms? | reddit.com/r/reactjs | 2023-01-25

    I never tried React but it can be a great thing to learn it if there is a React Native-like module for building desktop apps. I saw that there's a module for that called react-desktop but it seems like the repo is not active anymore. Are there ways to use React as a base to target windows, macOS, android, and iOS and web?

  • 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: 12 Frameworks for Hybrid Mobile Apps | dev.to | 2022-08-24

    Onsen UI has quickly grown in adoption since its release in 2013. It is an open-source framework under the Apache v2 license. Onsen UI is framework-agnostic UI components, you can choose and switch among the frameworks: AngularJS, Angular, React, and Vue.js or go pure JavaScript to build your hybrid apps.

  • 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

  • CodiumAI

    TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.

  • rebass

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

    Project mention: Comparing React Component Libraries | dev.to | 2022-09-16

    If you are a fan of Styled System, you are sure to love this library, as it was built on top of Styled System. I consider Rebass to be the most unopinionated library on the list, as unlike Material Ui, Semantic UI, and Bootstrap, its components do not come with a default theme, giving you the freedom to add your preferred theme to your application. Its styles are also much easier to override. Rebass is minimalist and was designed with style extension in mind.

  • carbon

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

    Project mention: I’d like to contribute to OSS | reddit.com/r/opensource | 2022-12-16

    Not a maintainer on this project but https://github.com/carbon-design-system/carbon/issues/12513 seems to be taking pulls.

  • elemental

    A flexible and beautiful UI framework for React.js

  • gestalt

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

    Project mention: do i have to pay to use pinterest's ui component library for commercial purpose -whats the advantage/disadvantage of using libraries owned by big companies | reddit.com/r/reactjs | 2023-05-03
  • 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

  • aframe-react

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

  • volt-react-dashboard

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

    Project mention: Top 20 Best React Website Templates for React Developers [Free and Premium] | dev.to | 2022-08-23

    Github

  • shards-react

    ⚛️A beautiful and modern React design system.

    Project mention: Ca programator, ce ai vrea de la un designer? | reddit.com/r/programare | 2022-08-09

    Ca sa fiu mai specific, chestii de genul: https://designrevision.com/downloads/shards-react/

  • pivotal-ui-react

    Pivotal's design system & component library

  • react-essence

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

  • react-foundation-apps

    Foundation Apps components built with React

  • atomize-by-quarkly

    library for creating atomic react components (by quarkly)

  • matrix-card

    React library to generate matrix style simple cards.

  • react-uikit-components

    React UIkit Components for the UIKit CSS framework

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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 2023-05-03.

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 semantic-ui-react 13,060
2 evergreen 12,160
3 reactstrap 10,500
4 react-desktop 9,446
5 onsenui 8,699
6 react-toolbox 8,675
7 grommet 8,208
8 rebass 7,899
9 carbon 6,679
10 elemental 4,319
11 gestalt 4,115
12 belle 2,516
13 rctui 1,641
14 react-materialize 1,389
15 aframe-react 1,378
16 volt-react-dashboard 763
17 shards-react 748
18 pivotal-ui-react 638
19 react-essence 416
20 react-foundation-apps 292
21 atomize-by-quarkly 66
22 matrix-card 19
23 react-uikit-components 0
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com