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 - A Non-Cloud Alternative to Google Forms that has it all.
  • Appwrite - The open-source backend cloud platform
  • Amplication - open-source Node.js backend code generator
  • Sonar - Write Clean JavaScript Code. Always.
  • Mergify - Updating dependencies is time-consuming.
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • 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

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • 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

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

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • material-ui

    MUI Core: 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