Top 23 JavaScript Material Design Projects

• material-ui

  142 74,702 10.0 JavaScript

  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

  25 38,658 0.0 JavaScript

  Materialize, a CSS Framework based on Material Design

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

  Materialize - 39K⭐

• SonarLint

  www.sonarlint.org

  sponsored

  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

  7 21,927 6.1 JavaScript

  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

  56 20,314 9.9 JavaScript

  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

  1 16,759 5.7 JavaScript

  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

  5 16,610 9.1 JavaScript

  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

  1 9,460 4.7 JavaScript

  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

  github.com/nanovms

  sponsored

  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

  1 8,709 0.0 JavaScript

  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

  1 4,046 6.4 JavaScript

  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

  2 3,726 0.0 JavaScript

  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

  4 1,989 5.0 JavaScript

  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

  1 1,434 8.0 JavaScript

  🌊 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

  1 1,383 7.2 JavaScript

  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

  1 890 9.3 JavaScript

  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

  0 884 2.3 JavaScript

  Multiparty web-meetings using mediasoup and WebRTC

  

• ember-paper

  1 873 0.0 JavaScript

  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

  1 580 0.0 JavaScript

  Material Design Based One Page HTML Template

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

• mcg

  2 540 0.0 JavaScript

  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

  5 518 9.7 JavaScript

  @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

  0 439 3.0 JavaScript

  A clone of Google Keep with its original Material Design aesthetics

• react-essence

  0 416 0.0 JavaScript

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

  

• PostGUI

  2 331 3.4 JavaScript

  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

  1 256 0.0 JavaScript

  Polymer material design playground

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

  ebidel/material-playground - Polymer material design playground

JavaScript Material Design related posts

• How do I solve this problem?
  1 project | reddit.com/r/reactjs | 26 Jan 2022
• How to Setup Next App, and MUI5 with Typescript
  2 projects | dev.to | 16 Jan 2022
• .d.ts files vs .ts, can someone clear this up for me?
  1 project | reddit.com/r/typescript | 8 Jan 2022
• SSR pages fail to load on Vercel with Next.js/MUI
  1 project | reddit.com/r/nextjs | 8 Jan 2022
• Hybrid App Development: Comparison among React Native, Ionic and Flutter
  3 projects | dev.to | 3 Jan 2022
• Nightly random discussion - Dec 30, 2021
  2 projects | reddit.com/r/Philippines | 30 Dec 2021
• 7 Awesome React UI Component Libraries
  3 projects | dev.to | 22 Dec 2021

Index

Sponsored

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

Get the trending JavaScript projects
with our weekly report!
» Subscribe «