4 ms·

I don’t know, did you try to customize both? I did and I can tell you there is a massive difference. Have a look at the source code of both if you’d like. Mater

I don’t know, did you try to customize both? I did and I can tell you there is a massive difference. Have a look at the source code of both if you’d like. Material UI is like a full framework with a ton of specific tooling around it. Chakra is more like a library based on “standard” tools of the ecosystem, and it has a much smaller footprint. Worst case scenario I can just copy the code from chakra to heavily modify it. Don’t try that with material, it will be painful.

crubier 6y ago
Just as an example, the code for Button in both frameworks: ========================================== Chakra: 215 lines https://github.com/chakra-ui/chakra-ui/blob/master/packages/button/src/button.tsx https://github.com/chakra-ui/chakra-ui/blob/master/packages/... Typical comment line in chakra is clear and useful: "If added, the button will show an icon after the button's label" ========================================== Material: 415 lines with a lot of boilerplate: https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Button/Button.js https://github.com/mui-org/material-ui/blob/master/packages/... Typical comment line in material is redundant and overly specific: Styles applied to the root element if `size="large"` and `variant="outlined"`