Mantine
A fully featured React
components library
Build fully functional accessible web applications faster than ever – Mantine includes more than 120 customizable components and 70 hooks to cover you in any situation
120+ components
Build your next app faster with high-quality, well-tested components. Mantine includes everything you need to create complex web applications with ease: custom select, date pickers, notifications, modals, and more.
Hooks library
70+ hooks for handling tricky and common parts of your application
| Property | Value |
|---|---|
| width | 0 |
| height | 0 |
EyeDropper API is not supported in your browser
Flexible styling
Mantine components are built with native CSS – styles are performant and easy to override
Built with CSS
Mantine styles are exposed as .css files – styles are performant and do not have any runtime overhead
Override anything
All Mantine components support Styles API which allows to override any part of component styles with inline styles of classes
PostCSS preset
postcss-preset-mantine includes mixins and functions to apply dark/light, rtl and responsive styles
Compatible with any styling solution
You can bring your own library to style Mantine components (Emotion, Vanilla Extract, Sass, etc.) – you are not limited to any specific tool
Dark color scheme
Add dark theme to your application with just a few lines of code – Mantine exports global styles both for light and dark theme, all components support dark theme out of the box.
Combobox component
Combobox is a composable component which can be used to create custom select, multiselect, autocomplete, tags input and other similar components. It provides a lot of flexibility and gives you full control over the UI and behavior while keeping your codebase clean and simple.
Explore all 50+ Combobox examples
Extensions
Extensions are additional packages that provide extra functionality to Mantine, such as rich text editor, notifications system, charts, modals manager and more. They are built to be easily integrated into your application and provide a seamless experience.
Form library
@mantine/form – performant form library designed for Mantine components. Works out of the box with all Mantine inputs.
Seamless integration
useForm hook works out of the box with all Mantine inputs
Excellent performance
useForm rerenders only for validation and status changes, usually only 2-3 times per form lifecycle
Lightweight
6.3kb minified + gzipped, no dependencies except React
Fully featured
useForm supports lists and nested objects, multiple validation approaches (including schema based with zod) and an easy way to manage subscriptions to values updates
Build even faster with Mantine UI
120+ responsive components
built with Mantine
Build your next website even faster with premade responsive components designed and built by Mantine maintainers and community. All components are free forever for everyone.
Join the community
Mantine is an open-source project with a growing community of developers and contributors. Join us on GitHub, Discord, Twitter and other platforms to stay updated and get help with your projects.
Ready to get started?
Mantine can be used with any modern React framework or build tool: get started with Next.js, Vite, React Router and other tools in minutes by following the installation guide or using one of the available templates.