OSS Tanbou
View on GitHubProject website

Mantine — use React components, hooks, and design-system tooling from one ecosystem

OSS scale score 297.3OSS health 89Update pace 80 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
31,746
Primary language
TypeScript
License
MIT
Repository last updated
Sep 21, 2026

Overview

Mantine is a React UI library built around more than 100 components and more than 80 hooks, with optional packages for forms, charts, notifications, command palettes, rich text, and other application needs. A shared provider and theme help teams build a consistent design system.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Use 100+ components and 80+ hooks under a shared theme

Core components such as buttons, inputs, and modals sit alongside state and UI hooks in the same ecosystem.

Sources: [2][3]

Add forms, charts, notifications, and other packages as needed

Separate Mantine packages cover forms, charts, notifications, Spotlight, Tiptap integration, and more.

Sources: [2]

For quickly standardizing React application UI

It fits teams that want components, hooks, theming, and adjacent UI utilities from a coordinated system rather than assembling many unrelated libraries.

Sources: [2]

Check the current React requirements and stylesheet imports

The current core package peers on React/React DOM ^19.2.0, and Mantine packages other than hooks require their styles to be imported.

Sources: [3][4]

Official sources

  1. [1]mantinedev/mantine repository(2026-09-21)
  2. [2]Mantine README(2026-09-21)
  3. [3]@mantine/core package(2026-09-21)
  4. [4]Mantine Vite guide(2026-09-21)
  5. [5]Mantine MIT license(2026-09-21)
Supplemental curator note

The current `@mantine/core` package is 9.6.2 and peers on `@mantine/hooks` 9.6.2 plus React/React DOM ^19.2.0. Forms, charts, notifications, Spotlight, and other features are provided as separate packages so applications can adopt them selectively. Core setup includes the styles import and `MantineProvider`.

Try it in 3 steps

  1. 1

    Install core and hooks

    Add the Mantine core components and hooks packages to an existing React/Vite project.

    npm install @mantine/core @mantine/hooks
  2. 2

    Configure styles and MantineProvider

    Import the core stylesheet and wrap the application tree with MantineProvider.

    import '@mantine/core/styles.css'; <MantineProvider>{/* app */}</MantineProvider>
  3. 3

    Verify components in the dev server

    Render components such as Button or Input and verify theme and styles are active.

    npm run dev
Check the official README

Growth

Growth trends · Last 30 days

31,746 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
80
Open PRs
49

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • react
  • typescript
  • uikit
  • hooks
  • dark-theme
  • dark-mode
Stars
31,746
Forks
2,376
Watchers
107
Open issues
9
Contributors
460
Primary language
TypeScript
License
MIT
Repository last updated
Sep 21, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.