JavaScript Material Design

Open-source JavaScript projects categorized as Material Design

Top 23 JavaScript Material Design Projects

  • material-ui

    MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Server components with component libraries. | reddit.com/r/nextjs | 2023-02-07

    Okay it looks like MUI has an issue open: https://github.com/mui/material-ui/issues/34826 And styled-components works serverside but the registry has to be a client component (if I understand the docs correctly)

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: All About Hacktober Fest 2022 You Need To Know | dev.to | 2022-10-22

    This repository consists of files required to deploy a Web App or PWA created with Materialize Css

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

  • Quasar Framework

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

    Project mention: Svetle is great in many ways, but where do you find svelte is bit confusing or could be better? | reddit.com/r/sveltejs | 2023-01-27

    I just need a comprehensive and complete UI layer. Something like Quasar (https://quasar.dev) for Vue.

  • framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Unknown cool Material (You) and iOS UI Framework that supports Svelte and Sveltekit | reddit.com/r/sveltejs | 2022-12-02

    Is this just a clone of https://framework7.io/ ?

  • bootstrap-table

    An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)

    Project mention: Show HN: Ufuzzy.js – A tiny, efficient fuzzy search that doesn't suck | news.ycombinator.com | 2022-09-30

    Nice. I didn't know it but I was about to be looking for something like this.

    How difficult - or not - would it be to use it with https://bootstrap-table.com?

  • material-design-for-bootstrap

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

  • react-toolbox

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

  • Sonar

    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.

  • Keen-UI

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

  • react-native-material-ui

    Highly customizable material design components for React Native

  • material-dashboard-react

    React version of Material Dashboard by Creative Tim

    Project mention: 10+ Free React Templates of 2021 | dev.to | 2022-07-20

    Live Preview Download

  • react-saas-template

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

  • konsta

    Mobile UI components made with Tailwind CSS

    Project mention: When would you NOT use Nuxt 3? | reddit.com/r/Nuxt | 2023-01-28

    Konsta UI + Capacitor.JS + some native code for operating the printer. You can see the result here.

  • material-kit-react

    Minimal Dashboard - build with React Material UI components. (by minimal-ui-kit)

    Project mention: MUI, is it that bad? | reddit.com/r/reactjs | 2022-09-23
  • react-materialize

    Material design for react, powered by materializecss

  • expenses

    💰Expense tracker using Google Sheets 📉 as a storage written in React (by jakubgarfield)

    Project mention: Remove Google Auth sign-in | reddit.com/r/reactjs | 2022-05-18

    I found a project online that I'd love to use for practice and also improve it but Google it's blocking the app so I can't log in.

  • berry-free-react-admin-template

    Berry free react material-ui admin template for easing and faster web development.

    Project mention: TOP 5 OPEN-SOURCE MATERIAL-UI (MUI) TEMPLATES OF 2022 | dev.to | 2022-05-09

    PREVIEW DOWNLOAD

  • edumeet

    edumeet - multiparty web-meetings using mediasoup and WebRTC

  • ember-paper

    The Ember approach to Material Design.

  • mcg

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

  • material-design-template

    Material Design Based One Page HTML Template

  • material-kit-react-native

    Material Kit React Native

    Project mention: Best React Native Animation Libraries & UI Component of 2022. | reddit.com/r/reactnative | 2022-02-16

    One of the rising React Native Component libraries built above Galio.io, React Native, and Expo is the Material Kit, enabling you to create amazing apps. It has a collection of customized buttons, cards, navigation, and inputs, which is quite close to Google’s material design. This library is getting attention and a strong community on GitHub with 483 stars and 219 forks by far now.

  • googlekeepclone

    A clone of Google Keep with its original Material Design aesthetics

  • react-essence

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

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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-02-07.

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 84,466
2 Materialize 38,783
3 Quasar Framework 22,797
4 framework7 17,061
5 bootstrap-table 11,451
6 material-design-for-bootstrap 9,431
7 react-toolbox 8,692
8 Keen-UI 4,085
9 react-native-material-ui 3,774
10 material-dashboard-react 2,333
11 react-saas-template 1,575
12 konsta 1,548
13 material-kit-react 1,396
14 react-materialize 1,388
15 expenses 1,175
16 berry-free-react-admin-template 1,079
17 edumeet 1,069
18 ember-paper 883
19 mcg 588
20 material-design-template 587
21 material-kit-react-native 524
22 googlekeepclone 522
23 react-essence 415
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com