JavaScript Material-UI

Open-source JavaScript projects categorized as Material-UI

Top 23 JavaScript Material-UI Projects

  • material-table

    Datatable for React based on material-ui's table with additional features

    Project mention: Material Table with NextJS 12 + TypeScript | dev.to | 2022-07-29

    // https://github.com/mbrn/material-table/pull/2937#issuecomment-879017952 import MaterialTable, { MaterialTableProps } from 'material-table' import { TablePagination, TablePaginationProps } from '@material-ui/core' function PatchedPagination(props: TablePaginationProps) { const { ActionsComponent, onChangePage, onChangeRowsPerPage, ...tablePaginationProps } = props return ( { const { onPageChange, ...actionsComponentProps } = subprops return ( // @ts-expect-error ActionsComponent is provided by material-table ) }} /> ) } export default PatchedPagination

  • builderbook

    Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.

    Project mention: Building a basic app using open-source instead of coding it from scratch? | reddit.com/r/SaaS | 2022-01-14

    I'd suggest to stick with JS on backend to save time and don't learn another language. I personally love Next.js both for front and back end, if you are familiar with React - you will love it too. My stack is Next.js (with MUI) / Vercel serverless hosting / Mongo DB I also came to fullstack from front-end, and can recommend this book: https://builderbook.org/

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • mui-datatables

    Datatables for React using Material-UI - https://www.material-ui-datatables.com

    Project mention: Adding the 2nd timestamp shows this error failed to fetch data TypeError: Cannot read properties of undefined (reading 'seconds') | reddit.com/r/reactjs | 2022-03-18

    I am using this table https://github.com/gregnb/mui-datatables

  • 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-most-wanted

    React starter kit with "Most Wanted" application features

  • react-saas-template

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

  • react-material-admin

    ☄️React Material Admin is a React template built with Material-UI

    Project mention: Hard limits of low-code/no-code and what is an alternative solution. The Flatlogic thesis | dev.to | 2022-08-23

    Template, starter kit, theme, boilerplate – these are the words with a very similar meaning – a set of files and folders that serve as a starting point for an application. There are various examples, such as free templates on Github like create-react-app or react-material-admin, ThemeForest with lots of WordPress themes, Template Monster, Creative-Tim and Flatlogic with premium react, angular, vue templates, and other resources that specialize in web templates, and so on. Flatlogic alone sold at least 20,000 licenses since its launch in 2013. Metronic has more than 100,000 sales. The number of usages of free templates is even higher and is doubtly countable. How many users use create-react-app on a daily basis?

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

  • react-awesome-query-builder

    User-friendly query builder for React

    Project mention: Recommendations for exposing / publishing business rules | reddit.com/r/SoftwareEngineering | 2022-02-04

    I'm using JsonLogic quite a bit. If your just after true/false I've found this is great: https://github.com/ukrbublik/react-awesome-query-builder

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

  • edumeet

    edumeet - multiparty web-meetings using mediasoup and WebRTC

  • 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

  • matx-react

    Matx -Free and open-source React Material UI Admin Dashboard Template

  • material-ui-chip-input

    A chip input field using Material-UI.

    Project mention: Material UI v4 to v5 migration... Worth doing? | reddit.com/r/reactjs | 2022-01-28
  • mcg

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

  • googlekeepclone

    A clone of Google Keep with its original Material Design aesthetics

  • MSON

    🏗️MSON Lang: Generate an app from JSON

    Project mention: MSON Lang: Generate an App from JSON | news.ycombinator.com | 2022-06-07
  • PostGUI

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

  • react-material-ui-form-validator

    Simple validator for forms designed with material-ui components.

    Project mention: Beginner's Thread / Easy Questions (January 2022) | reddit.com/r/reactjs | 2022-01-02

    I'm using react-material-ui-form-validator for now, which handles validations nicely, though the documentation hasn't been updated for functional components and seems to need one to handle refs on one's own. I've seen Formik mentioned elsewhere. I'll look into that. Thanks.

  • instagram-mern

    Full-Stack Instgram Clone using MERN Stack and Socket.io

    Project mention: Full-Stack Instgram Clone Using MERN Stack and Socket.io | news.ycombinator.com | 2022-03-30
  • core

    Datatable for React based on material-ui's table with additional features. Support us at https://opencollective.com/material-table-core (by material-table-core)

    Project mention: Should I start a new project with React 18? | reddit.com/r/reactjs | 2022-04-08

    The last update from mbrn, who abandoned the project for a year with only access rights broke a lot of stuff. Try the community fork https://github.com/material-table-core/core which is actively maintened fork and supports both mui v4 and VT with the @next tag.

  • mantis-free-react-admin-template

    Mantis is React Dashboard Template having combine tone of 2 popular react component library - MUI and Ant Design principles.

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

    Preview

  • gatsby-plugin-material-ui

    Gatsby plugin for Material-UI with built-in server-side rendering support

    Project mention: Gatsby JS — How to solve FOUC when using tss-react and Material UI v5 | dev.to | 2022-01-29

    The trouble I was having was that my production website was displaying what is known as a "flash of unseen content", or FOUC. Material UI users have known about this problem for a long time — in fact, there even exists a popular plugin for solving this exact issue.

  • Zigi

    Workflow assistant built for devs & their teams. Automate the mundane part of your day, with live actionable messages for your GitHub & Jira tasks.

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-09-23.

JavaScript Material-UI related posts

Index

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

Project Stars
1 material-table 3,398
2 builderbook 3,384
3 mui-datatables 2,519
4 material-dashboard-react 2,280
5 react-most-wanted 2,258
6 react-saas-template 1,542
7 react-material-admin 1,409
8 react-awesome-query-builder 1,325
9 material-kit-react 1,287
10 expenses 1,170
11 edumeet 1,044
12 berry-free-react-admin-template 994
13 matx-react 778
14 material-ui-chip-input 742
15 mcg 588
16 googlekeepclone 512
17 MSON 445
18 PostGUI 362
19 react-material-ui-form-validator 326
20 instagram-mern 312
21 core 262
22 mantis-free-react-admin-template 204
23 gatsby-plugin-material-ui 135
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com