Open stephane-klein opened 2 years ago
I have a feeling that Mantine is developed mainly by https://github.com/rtivital :thinking:
Mantine have little popularity on Hacker News : https://hn.algolia.com/?q=mantine
Some threads about Mantine in https://old.reddit.com/r/reactjs/ :
Because Chakra components tend to be made of "small atoms", it's easier to both customize or plug in your own components. You may be fooled into thinking one giant "easier to use" component is better until it's time to customize it with Mantine's Style API that requires painful memorization of random property names (similar to Material UI).
And even if Mantine does "more" out of the box, it doesn't mean a large project will likely use it out of performance/scalability concerns. Good luck convincing a Fortune 500 company to use Mantine's limited form implementation over something like React Hook Form.
One word: customization. If you've given a serious look at how components in both are made, you'll have realized how much more composable and easier Chakra UI components are to customize VS mantine ones.
I am with this, chakra + headless libraries does job quick(and dirty) nicely.
Mantine has a bigger ecosystem of pre-built components and hooks. I personally prefer the styling paradigm in Chakra though since it's very close to Tailwind CSS but YMMV.
Both are great libraries so just build something small with them and see which one feels the best.
I have used Chakra in the past and just started using Mantine which is now my fav, maybe it's because of the documentation?? I voted for Mantine 🙂
I started to use Mantine but now switching back to chakra ui. Mantine is having lots of glitches and lacks much in organization of theming capabilities compared to chakra. There are many bugs too. I find it very very inefficient compared to Chakra (I'll call it legend when comparing to Mantine). It was all just a waste of time going with mantine.
MUI v5 feels like Chakra tbh
Don't use Antd. I used it recently, it's decent but it's janky in some parts of its API and especially has weird issues when trying to validate behavior with react testing library.
Chakra UI: Ez custom darkmode, Ez reponsive styling with breakpoints, i love it default style. Mantine UI: A lot of Components, a lot of hooks for common problems, default style is meh. MUI: industry standard (in my place), slow and buggy with TypeScript.
Using a complete UI library will be quicker but one other option if you wanted to keep using tailwind is to use headless UI libraries like headless-ui, radix-ui, reach-ui, react-table etc. Gives you a lot more flexibility in your styling approach if you have very unique designs without the complexity of customizing a UI library. Depends on your project, but an approach to be aware of and evaluate.
Chakra over MUI 1000 times, mui has a bug on TS where it takes lime 2000000 minutes for intellisense or wtv you call it to check your file. Its been like this since 2018 go for mantine or chakra
For larger applications I recommend Ant Design. Really amazing. You have a lot of components. It just takes some time learning how to configure them properly.
I use Chakra-UI for almost everything. Tailwind-style approach with "utility props" instead of "utility classes" and other benefits from being library of components and not just CSS. Obviously the downside is a small runtime overhead, but it's small enough to not matter for my use cases.
In rare cases, I still use tailwind, often for more static-content-ish sites (vs web apps).
After reading that, I still have the feeling that Chakra-UI is for me the best option.
I would like to study https://github.com/chakra-ui/chakra-ui/ vs https://github.com/mantinedev/mantine