Skip to main content

@mantine/core vs Chakra-ui vs Core vs React

Side-by-side NPM package comparison

Quick Verdict

Smallest Bundle

React

50.3 KB gzipped

Most Popular

@mantine/core

1.5M weekly downloads

Best Maintained

@mantine/core

100/100 maintenance score

Highest Quality

@mantine/core

50/100 quality score

Overall Pick

@mantine/core

Best all-around based on popularity, size, maintenance & quality

@mantine/core icon

@mantine/core

Very Popular

Version 9.0.2

0
85
Excellent

React components library focused on usability, accessibility and developer experience

Weekly Downloads
1.5M

Trend data unavailable

Bundle (gzip)
2.1 MB
Updated
Vulns
0

Health Score Breakdown

Maintenance
100
Popularity
100
Quality
50
Security
100
Stability
70

Version 0.3.9

0
43
Fair

Responsive and accessible React UI components built with React and Emotion

Weekly Downloads
0

Trend data unavailable

Bundle (gzip)
264.2 KB
Updated
Vulns
0

Health Score Breakdown

Maintenance
20
Popularity
10
Quality
50
Security
100
Stability
70

core

Niche

Version 1.0.113

0
49
Fair

Core Libs

Weekly Downloads
1.2K

Trend data unavailable

Bundle (gzip)
163.1 KB
Updated
Vulns
0

Health Score Breakdown

Maintenance
20
Popularity
40
Quality
50
Security
100
Stability
70
react icon

react

Niche

Version 19.2.5

0
67
Good

React is a JavaScript library for building user interfaces.

Weekly Downloads
0

Trend data unavailable

Bundle (gzip)
50.3 KB
Updated
Vulns
0

Health Score Breakdown

Maintenance
100
Popularity
10
Quality
50
Security
100
Stability
70

Choosing between @mantine/core and Chakra-ui and Core and React? 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.

Downloads & Popularity

@mantine/core leads with 1.5M weekly downloads — roughly 1191.3x more. Core has 1.2K weekly downloads. Chakra-ui has 0 weekly downloads. React has 0 weekly downloads. Higher download counts generally indicate broader community adoption and a larger ecosystem of tutorials, plugins, and support.

Bundle Size

React has the smallest gzipped bundle at 50.3 KB. Core comes in at 163.1 KB. Chakra-ui comes in at 264.2 KB. @mantine/core comes in at 2.1 MB. A smaller bundle size means faster page loads, which improves user experience and Core Web Vitals scores.

Health Score Comparison

@mantine/core has an overall health score of 85/100 (very good), with strong maintenance, security, popularity scores. React has an overall health score of 67/100 (good), with strong maintenance, security scores. Core has an overall health score of 49/100 (moderate), with strong security scores. Chakra-ui has an overall health score of 43/100 (moderate), with strong security scores. Health scores are calculated from maintenance activity, code quality, security posture, popularity, and stability metrics.

When to Choose Each

Choose @mantine/core if you value large community support, actively maintained, strong security track record. Choose Chakra-ui if you value strong security track record. Choose Core if you value strong security track record. Choose React if you value actively maintained, strong security track record.

Our Verdict

Both @mantine/core and Chakra-ui and Core and React 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.

Frequently Asked Questions

Is @mantine/core better than chakra-ui?
It depends on your needs. @mantine/core has a health score of 85/100 while Chakra-ui scores 43/100. @mantine/core has more weekly downloads (1.5M), suggesting broader adoption. Consider your specific requirements — bundle size, community support, and feature set — to decide which is the better fit.
Which has a smaller bundle size, @mantine/core or chakra-ui?
Chakra-ui has the smaller gzipped bundle at 264.2 KB. A smaller bundle means faster load times for your users, which can positively impact SEO and user experience.
How many developers use @mantine/core vs chakra-ui?
Based on npm download statistics, @mantine/core has approximately 1.5M weekly downloads and Chakra-ui has approximately 0 weekly downloads. These numbers reflect package installations, not unique developers, but they indicate relative adoption levels.
Which is better maintained, @mantine/core or chakra-ui?
@mantine/core currently has the higher overall health score at 85/100. @mantine/core has a maintenance score of 100/100 and Chakra-ui scores 20/100 on maintenance.

Related Comparisons

The 2026 JavaScript Stack Cheatsheet

One PDF: the best package for every category (ORMs, bundlers, auth, testing, state management). Used by 500+ devs. Free, updated monthly.