AntD vs MaterialUI? what do you prefer and why?

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

Our great sponsors
  • Sonar - Write Clean JavaScript Code. Always.
  • Zigi - Workflow assistant built for devs & their teams
  • Scout APM - Truly a developer’s best friend
  • InfluxDB - Build time-series-based applications quickly and 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.

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

  • 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

    React components library with native dark theme support

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

  • Zigi

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

  • 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