JavaScript Material Design

Open-source JavaScript projects categorized as Material Design | Edit details

Top 23 JavaScript Material Design Projects

  • material-ui

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

    Project mention: Choosing the right component library for your design system: MUI vs Chakra | reddit.com/r/reactjs | 2022-01-24

    See https://github.com/microsoft/TypeScript/issues/34801 and https://github.com/mui-org/material-ui/issues/19113

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: The world of Awesome CSS Frameworks | dev.to | 2022-01-11

    Materialize - 39K⭐

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

  • mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03

    It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
  • material

    Material design for AngularJS

    Project mention: Ultimate 2021 List of CSS Frameworks and Component Libraries for Angular, React, Vue and Svelte | dev.to | 2021-03-28

    Angular Material

  • framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Sciter, the 5 MB Electron alternative, has switched to JavaScript | news.ycombinator.com | 2021-12-30

    https://framework7.io is really well done.

  • material-design-for-bootstrap

    Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

    Project mention: React for Bootstrap 5 - useful kit, #1 on ProductHunt | reddit.com/r/reactjs | 2021-05-11

    Also you claim on your homepage it is used by 2,000,000 developers which is a blatant lie. On github the material-design-for-bootstrap repo is used by 9,000 other repos, the React version will be significantly less.

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • 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

  • Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

    Project mention: An Overview of the Top 10 Vue UI Component Libraries in 2021 | dev.to | 2021-03-17

    it's open-sourced and has about 4k stars on Github.

  • react-native-material-ui

    Highly customizable material design components for React Native

    Project mention: Top React Native UI Component Libraries | dev.to | 2021-12-21

    Web-site: https://github.com/xotahal/react-native-material-ui GitHub stars: 3.5k Price: Free License: MIT License Demo: https://github.com/xotahal/react-native-material-ui/blob/master/docs/Demo.md Type of support: Community support via GitHub issues Documentation: Limited documentation

  • material-dashboard-react

    React version of Material Dashboard by Creative Tim

    Project mention: How do I solve this problem? | reddit.com/r/reactjs | 2022-01-26

    Instead of downloading the template from the create-tim.com website, I cloned the repository directly from https://github.com/creativetimofficial/material-dashboard-react and then used yarn install.

  • react-saas-template

    🌊 Template for building an SaaS / admin website using React + Material-UI

    Project mention: Is there a GitHub repository of a sizable open source website equipped with modern syntax and tools where I can learn the best practices? | reddit.com/r/reactjs | 2021-10-23

    I've also seen what you're looking for in Material-UI land, specifically at https://mui.com/getting-started/example-projects/#more-advanced-example-projects, specifically the SaaS project at https://github.com/dunky11/react-saas-template.

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

    Mobile UI components made with Tailwind CSS

    Project mention: Tailwind Mobile – Pixel perfect mobile UI components built with Tailwind CSS | news.ycombinator.com | 2021-10-01
  • edumeet

    Multiparty web-meetings using mediasoup and WebRTC

  • ember-paper

    The Ember approach to Material Design.

    Project mention: CSS Deep | dev.to | 2021-02-26

    miguelcobain/ember-paper - The Ember approach to Material Design.

  • material-design-template

    Material Design Based One Page HTML Template

    Project mention: SHITT I Discovered This Week (T_T) | dev.to | 2021-08-15
  • mcg

    Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!

    Project mention: How to create tonal pallete from one color like in Material 3? | reddit.com/r/MaterialDesign | 2021-11-13
  • material-tailwind

    @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

    Project mention: Can I style material UI using tailwind css? | reddit.com/r/reactjs | 2021-09-19

    Could take a look at this. https://material-tailwind.com/

  • googlekeepclone

    A clone of Google Keep with its original Material Design aesthetics

  • react-essence

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

  • PostGUI

    A React web application to query and share any PostgreSQL database.

    Project mention: Ask HN: Best (Low-/No-Code) Solution for Simple Web-Based Database Front Ends | news.ycombinator.com | 2021-04-01
  • material-playground

    Polymer material design playground

    Project mention: CSS Deep | dev.to | 2021-02-26

    ebidel/material-playground - Polymer material design playground

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-01-26.

JavaScript Material Design related posts

Index

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

Project Stars
1 material-ui 74,702
2 Materialize 38,658
3 mdb-ui-kit 21,927
4 Quasar Framework 20,314
5 material 16,759
6 framework7 16,610
7 material-design-for-bootstrap 9,460
8 react-toolbox 8,709
9 Keen-UI 4,046
10 react-native-material-ui 3,726
11 material-dashboard-react 1,989
12 react-saas-template 1,434
13 react-materialize 1,383
14 konsta 890
15 edumeet 884
16 ember-paper 873
17 material-design-template 580
18 mcg 540
19 material-tailwind 518
20 googlekeepclone 439
21 react-essence 416
22 PostGUI 331
23 material-playground 256
Find remote jobs at our new job board 99remotejobs.com. There are 30 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