AntD vs MaterialUI? what do you prefer and why?

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

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

    An enterprise-class UI design language and React UI library

  • - AntD has a clean and better UI and you can use many components right out of the box. The less customization and theming can be a bit complicated and you can run into needing extra configuration for your module bundler. It currently doesn't have full support for React 18 (it's planned for v5 as I saw on their github) and accessibility is very poor.

  • primereact

    The Most Complete React UI Component Library

  • - PrimeReact looks very promising and easy to use. It has a lot of components and it seems that there is some React 18 support. Last time I checked the library github there were some bugs with some form components, the accordions were jumpy and RTL is not fully supported. A part of these things are on their roadmap, but I don't know if there is an ETA.

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

    🧱 A suite of React components .

  • - React Suite looks very nice and clean and the documentation it's pretty straight forward. Has a ton of components built in. The support is ok and the main developer it's pretty responsive on github or on library chat. The main disadvantage is that the library focuses on desktop browsers and not on mobile browsers and uses less for customization.

  • react-table-library

    :bento: React Table Library

  • https://tanstack.com/table/v8 https://react-table-library.com/

  • daisyui

    🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

  • I've been using DaisyUI recently. It is built on Tailwind

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • - Chakra UI is a very simple and friendly library. It probably has the easiest way of customizing themes and components and the support is pretty great. Despite the advantages is a small library and it doesn't have some necessary features like autocomplete, multiple select, various progress/loaders or a way to pass a custom option to the select component because is built on native select. Also bundle size is pretty big and has significantly increased on latest releases. A part of these things are on their roadmap, but they don't have an ETA.

  • mantine

    A fully featured React components library

  • - Mantine is also simple and friendly. It's has great components and the form controls along with the hooks they provide for validation and manipulation are also great. The main disadvantage here is that some components are buggy and the contributors/maintainers are not very responsive/friendly. As far as I know it doesn't have full support for React 18 and there are some problems with browser support also. I think there was a lot of marketing with it and still needs some time to grow.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Material UI

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

  • - MUI is a mature and stable ecosystem, has a pretty good documentation and the fact that is being used so much helps you by finding a lot of examples out there for many questions that you might have. It has support for React 18. The minus here is, as I said, the customization that can take a while if you completely want to change the UI of a component and and especially if you're not familiar with the library. Also is lacking in some components which you have to install as a separate package.

  • Fomantic-UI

    Fomantic-UI is the official community fork of Semantic-UI

  • - Semantic UI, although it had a lot of potential, the library is no longer maintained and the community fork it's not something I would use in a production environment.

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