Repolode
Submit
mantinedev

mantinedev/mantine

A React component library with 100+ components, 80+ hooks, and add-on packages for forms, charts, notifications and more.

View on GitHubWebsite
Stars
31,852
Forks
2,400
Open issues
32
Last commit
8 hours ago

What is it?

Mantine is a React component library written in TypeScript. Its core package @mantine/core provides more than 100 UI components, and @mantine/hooks offers over 80 hooks for state and UI management. Dark mode and theming are built in.

Beyond the core, Mantine ships separate packages for common application needs: form management (@mantine/form), charts based on Recharts, a notifications system, a Ctrl+K command center (spotlight), code highlighting via highlight.js, a Tiptap-based rich text editor, drag-and-drop file dropzones, a carousel, a modal manager, and a schedule component for events.

Each package is installed independently, so projects can adopt only the parts they need. The project is MIT-licensed and documented on its official website.

Key features

  • 01Over 100 React components in @mantine/core
  • 02Over 80 hooks for state and UI management
  • 03Built-in dark mode and theming
  • 04Separate packages for forms, charts, notifications and a rich text editor
  • 05Written in TypeScript

Use cases

  • Building admin dashboards or internal tools with a ready-made UI kit
  • Adding forms with validation to a React application
  • Showing charts and notifications in a web app with consistent styling
  • Creating a Ctrl+K command palette for navigation in a React app

Quick start

  1. 1

    Install the core component library from npm

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

    Read the documentation to set up your first app

Topics

#react#typescript#ui-components#hooks#dark-mode#forms#charts#dark-theme#uikit

FAQ

What is mantine?
A React component library with 100+ components, 80+ hooks, and add-on packages for forms, charts, notifications and more. Mantine is a React component library written in TypeScript. Its core package @mantine/core provides more than 100 UI components, and @mantine/hooks offers over 80 hooks for state and UI management. Dark mode and theming are built in.
Is mantine free to use? What license does it have?
mantine is open source under the MIT license. Check the license terms before using it in commercial products.
Is mantine still maintained?
Actively maintained. The last commit to mantine was on Oct 21, 2026.
What can I use mantine for?
Building admin dashboards or internal tools with a ready-made UI kit Adding forms with validation to a React application Showing charts and notifications in a web app with consistent styling Creating a Ctrl+K command palette for navigation in a React app
How do I install mantine?
Install the core component library from npm: npm install @mantine/core @mantine/hooks Read the documentation to set up your first app
Where can I get mantine?
The source code and installation instructions are on GitHub: https://github.com/mantinedev/mantine

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects