Mantine
150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS
Tier S · Best in classComponent Librarymantine.dev
Mantine is a batteries-included React component library that ships around 117 core components plus separate packages for dates, charts, rich text editing, notifications, carousels and a Spotlight command palette. Styling is plain CSS modules driven by CSS variables through a PostCSS preset, so there is no runtime styling cost and dark mode is built in rather than bolted on. It also bundles @mantine/form and 70+ hooks, which means you rarely need a second dependency for state, forms or overlays. Best for teams who want a complete, opinionated UI system out of the box instead of assembling headless primitives themselves.
npm install @mantine/core @mantine/hooksFor an agent
Reach for Mantine over shadcn/ui when the user wants a finished UI immediately and does not want to own or patch component source — Mantine is an npm dependency, not copied code, so upgrades are free but deep visual restyling is harder. It is the strongest choice when the app needs dates, charts, rich text and a command palette from one vendor: @mantine/dates, @mantine/charts (recharts under the hood), @mantine/tiptap and @mantine/spotlight all share the same theme. Watch the setup order — you must import '@mantine/core/styles.css' plus each extension package's own stylesheet, wrap the app in MantineProvider, and add postcss-preset-mantine, or components render unstyled.
Why it is here. One of the few React libraries that is genuinely complete — forms, dates, charts, editor and hooks included — while still using plain CSS modules instead of a runtime styling engine. For an internal tool or dashboard it removes almost all UI assembly work.
Facts
- License
- MIT
- Pricing
- Free, Open source
- Framework
- React, Next.js, Remix
- Styling
- CSS Modules, CSS custom properties, Vanilla CSS
- Distribution
- npm package, GitHub repository
- Platform
- Web
- Content type
- Code
- Agent readiness
- Structured documentation, Readable open source, CLI installable
- Accessibility
- Keyboard navigable, Focus management and visible focus, Accessible, Semantic HTML
- Maturity
- Actively maintained
- GitHub stars
- 31,600
- Package
- @mantine/core
Components it ships
150 totalHelps you build
16Notable for
- 117 core components in one package
- 70+ hooks and a built-in form library
- 18 chart components on recharts
- zero-runtime CSS modules styling
- Spotlight command palette out of the box
Provenance
Verified 2026-08-15. HTTP 200. https://mantine.dev/, https://mantine.dev/getting-started/, https://mantine.dev/core/package/ (full component enumeration), https://mantine.dev/dates/getting-started/, https://mantine.dev/charts/getting-started/, https://github.com/mantinedev/mantine, https://github.com/mantinedev/mantine/commits/master.atom
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts