React components library focused on usability, accessibility and developer experience
- Weekly Downloads
- 1.8M
- Bundle (gzip)
- 139.1 KB
- Updated
- Vulns
- 0
Comparison guide
Side-by-side NPM package comparison
Smallest Bundle
@mantine/core
139.1 KB gzipped
Most Popular
@mui/material
8.7M weekly downloads
Best Maintained
@mantine/core
100/100 maintenance score
Highest Quality
@mantine/core
50/100 quality score
Overall Pick
@mui/material
Best all-around based on popularity, size, maintenance & quality
React components library focused on usability, accessibility and developer experience
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
Core Libs
A lightweight implementation of Material Design Components for the web - ES6
Choosing between @mantine/core and @mui/material and Core and Material? Here's a data-driven comparison based on real npm data — downloads, bundle size, health scores, and more — to help you decide which package fits your project best.
@mui/material leads with 8.7M weekly downloads — roughly 4.8x more. @mantine/core has 1.8M weekly downloads. Material has 3.5K weekly downloads. Core has 1.6K weekly downloads. Higher download counts generally indicate broader community adoption and a larger ecosystem of tutorials, plugins, and support.
@mantine/core has the smallest gzipped bundle at 139.1 KB. @mui/material comes in at 142.9 KB. Core comes in at 163.1 KB. Material comes in at 166.6 KB. A smaller bundle size means faster page loads, which improves user experience and Core Web Vitals scores.
@mantine/core has an overall health score of 85/100 (very good), with strong maintenance, security, popularity scores. @mui/material has an overall health score of 85/100 (very good), with strong maintenance, security, popularity scores. Material has an overall health score of 61/100 (good), with strong security scores. Core has an overall health score of 49/100 (moderate), with strong security scores. Health scores are calculated from maintenance activity, code quality, security posture, popularity, and stability metrics.
Choose @mantine/core if you value large community support, actively maintained, strong security track record. Choose @mui/material if you value large community support, actively maintained, strong security track record. Choose Core if you value strong security track record. Choose Material if you value strong security track record.
Both @mantine/core and @mui/material and Core and Material are solid choices for JavaScript development. @mantine/core has the edge in overall health score (85/100), while each package brings unique strengths to the table. Evaluate them based on your project's priorities — whether that's community size, bundle efficiency, or maintenance activity — and choose the one that aligns best with your requirements.
One PDF: the best package for every category (ORMs, bundlers, auth, testing, state management). Used by 500+ devs. Free, updated monthly.