Mantine

150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS

Aboutmantine.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.

Install

npm install @mantine/core @mantine/hooks

For 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.

Install command, framework, licence and component list.

Components it ships150 total

App Shell Aspect Ratio Center Container Grid Stack Spacer Split View Resizable Box Panel Portal Scroll Area Separator Focus Trap Visually Hidden Theme Provider Direction Provider Sticky Collapsible Transition Text Input Textarea Number Input Password Input Otp Input Masked Input Color Picker Fieldset File Upload Slider Range Slider Rating Input Switch Segmented Control Form Label Help Text Validation Message Rich Text Editor Date Input Date Picker Date Range Picker Time Picker Calendar Checkbox Radio Button Radio Group Select Multi Select Combobox Autocomplete Tag Input Tree Select Cascader Chip Dropdown Menu Menubar Navigation Menu Breadcrumbs Pagination Progress Stepper Tabs Tree View In Page Navigation Link Menu Button Table List Description List Card Badge Tag Avatar Avatar Group Icon Kbd Code Block Quote Heading Typography Timeline Accordion Empty State Skeleton Meter Progress Bar Spinner Status Indicator Image Carousel Marquee Alert Toast Notification Center Tooltip Loading Overlay Modal Dialog Drawer Popover Hover Card Backdrop Floating Window Button Icon Button Close Button Copy Button Button Group Command Palette Chart Area Chart Bar Chart Line Chart Pie Chart Scatter Plot Radar Chart Funnel Chart Sparkline Heatmap Treemap Sunburst Sankey Diagram Bullet Chart

Helps you build16

Admin Panel Analytics Settings Web App Account Web App Login Web App Sign Up Multi Step Form Showing Input Error Filtering Items Search Results User Management Command Palette Notifications Billing Web App Empty State Uploading Media

Notable 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

Component Libraries