Mantine

Mantine covers a wider surface than almost anything else here, and covers it from one maintained source: components, around a hundred utility hooks, a form library, notifications, a rich text editor, charts and date handling.

At a glance

Install	npm install @mantine/core @mantine/hooks
Styling	CSS Modules, no styling runtime
Optional packages	@mantine/form, @mantine/dates, @mantine/notifications, @mantine/charts
Hooks	~100 utility hooks, usable standalone
MCP server	yes, plus agent skills
License	MIT

Install

npm install @mantine/core @mantine/hooks

import { MantineProvider, Button, Modal } from '@mantine/core'
import { useDisclosure } from '@mantine/hooks'

const [opened, { open, close }] = useDisclosure(false)

The hooks are worth installing on their own

useDisclosure, useLocalStorage, useDebouncedValue, useClickOutside, useHotkeys, useMediaQuery. These are useful in any React project, with or without Mantine's components, and they are the part people keep after switching component libraries.

CSS Modules, and why that matters

Mantine moved off CSS-in-JS. There is no styling runtime, so server rendering works without special setup and the bundle does not carry an engine. Among the large, batteries-included React libraries, that combination is rare.

The best AI tooling in this directory

Mantine has gone further than anyone else here. @mantine/mcp-server gives an agent direct access to component docs, props and search across the whole library. Agent skills ship for larger tasks like building forms or combobox inputs. Documentation is regenerated on every release, and there is an llms-full.txt plus standalone markdown for every page.

If you code with an assistant, this is a genuine differentiator rather than a checkbox.

Choose it if

• You want breadth from one maintained source instead of assembling six packages.
• You want no styling runtime with a full-featured library.
• You work with an AI assistant and want it to get the API right.

Look elsewhere if

• Your brand sits far from Mantine's defaults. Theming is thorough but the work is real.
• You want a Figma kit maintained alongside the code.