Mantine
Mantine is a free, open source React component library with over 100 styled, customizable components and a set of React hooks, covering forms, dates, notifications, modals and more out of the box. Unlike unstyled primitive libraries, Mantine components come with default visual styling you can theme, and the project also offers Mantine UI, a separate collection of prebuilt page templates that is free for everyone.
Facts checked on against the sources listed at the end of this page.
- Pricing
- Open sourceFree plan: Yes, Mantine and Mantine UI are both free
- Open source
- YesMIT
- GitHub stars
- 31,877+102 in the last 30 days
- npm downloads a week
- 3.3Mup 13% on the week before
- Latest release
- 9.7.42 days ago
- Releases in 90 days
- 10about 3 a month
A good fit for
- Teams that want a large set of already-styled components rather than building a design system from unstyled primitives
- React projects needing forms, date pickers and notifications without adding separate libraries for each
- Developers who want free prebuilt page templates (Mantine UI) to jump-start a project
- Projects that want built-in dark mode support without extra configuration
Not a good fit for
- Teams that want full visual control from unstyled primitives rather than Mantine's default look, even though it's themeable
- Non-React frameworks, since Mantine is a React-specific library
- Projects already committed to a different design system where introducing Mantine's own styling would clash
Mantine pricing
Mantine and Mantine UI are both completely free, with the project supported through community contributions and sponsorship.
Prices in USD, checked on 27 September 2026. Current prices on mantine.dev.
Main features
- 100+ components
- A broad range of styled, ready-to-use components covering most common UI needs.
- React hooks
- A companion set of hooks for local storage, media queries, form state and more.
- Theming system
- Customize colors, spacing and typography through a central theme configuration.
- Dark mode support
- Built-in support for light and dark color schemes.
- Mantine UI templates
- Over 120 free, prebuilt responsive templates built with Mantine components.
- Form and date libraries
- Dedicated packages for form handling and date pickers/calendars.
About Mantine
Mantine provides a large set of ready-styled React components, including buttons, forms, date pickers, notifications, modals and navigation elements, along with a matching set of React hooks for common needs like local storage, media queries and form state.
Components come with sensible default styling that can be themed and customized, making Mantine a more batteries-included option compared to unstyled primitive libraries, useful for teams that want a complete look out of the box rather than building one from scratch.
Alongside the core library, the project offers Mantine UI, a separate collection of over 120 prebuilt, responsive page and component templates built with Mantine, which is free for everyone to use.
- Made by
- Mantine (open source project)
- Free plan
- Yes, Mantine and Mantine UI are both free
- Available on
- React
Usage and activity
Weekly npm downloads of @mantine/core, last 12 months.
Recent releases
Mantine alternatives
Mantine compared
MantinevsTailwind CSS
Mantine is a React component library with over 100 pre-styled components and hooks, ready to use out of the box.
Mantinevsshadcn/ui
Mantine is a React component library you install as a normal npm dependency, with over 100 pre-styled components and matching hooks ready to use.
MantinevsRadix UI
Mantine is a free, open source React component library with over 100 styled, customizable components and hooks, covering forms, dates, notifications and more with default visual styling included.
Questions about Mantine
Is Mantine free?
Yes, both the core Mantine library and Mantine UI, its collection of prebuilt templates, are completely free.
How many components does Mantine have?
Over 100 components, plus a matching set of React hooks for things like local storage and media queries.
Does Mantine support dark mode?
Yes, light and dark color schemes are supported out of the box.
Is Mantine styled or unstyled?
Styled: components come with default visual design that you can theme and customize, unlike unstyled primitive libraries such as Radix UI.
Sources and links
Work on Mantine? Claim this listing. Something wrong or out of date? Suggest a correction. Stats come from the public GitHub and npm APIs and update every day.