What UI frameworks other than MUI would you recommend for professional / enterprise React projects using Material Design?

This page summarizes the projects mentioned and recommended in the original post on /r/Frontend

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • svelte-ionic-app

    Ionic UI showcase app - try Ionic UI and directly go to API or source code (Svelte, Angular, Vue, Vanilla and React)

  • The UI framework are free goodies - see for a demo - https://ionicsvelte.firebaseapp.com/

  • grommet-starter-new-app

    A tutorial to show how to use Grommet with create-react-app.

  • In my personal projects, I like Grommet because it puts a11y and mobile first which in a lot of places are after thoughts/nice to haves.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • primereact

    The Most Complete React UI Component Library

  • If you're really stuck on MUI and really don't want to do any manual work for your UI library, I've had a lot of success in time-crunched projects with PrimeReact. It's got MUI-based variants for free and if you drop a fiddy for the theme designer, you can easily tweak the css as needed for a given design using MUI as a baseline.

  • MUI

    Lightweight CSS framework

  • I mean, Material is just a design system that people reference to create UI libraries. If you're working with headless components, you'd keep those same design system references when writing styles for said components. Plenty of examples of people utilizing something like Tailwind and following Material guidelines, ex Material Tailwind, Smelte, or MUICSS. Would highly recommend going the manual route (custom css/less/scss or tailwind, etc) + headless UI as it's really effective at reducing bloat in your application, and if you do it right it's extraordinarily extensible and customizable compared to just full sending an existing lib.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts