A fully featured React components and hooks library

Build fully functional accessible web applications with ease – Mantine includes more than 100 customizable components and hooks to cover you in any situation

Get started

Github

Features

Customization

Colors, fonts, shadows and many other parts are customizable to fit your design needs

Flexibility

Configure components appearance and behavior with vast amount of settings or overwrite any part of component styles

Dark theme

Mantine supports dark theme by default in all components

No annoying focus ring

With new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard

Ready for production

Mantine is well tested and works in all modern browsers

Developer experience

Mantine comes with more than 70 components and 20 hooks to cover you in most cases

TypeScript

All @mantine/ scoped packages are built with TypeScript and support it by default

React JSS

Take advantage of all react-jss features: automatic critical css extraction during ssr, lazy evaluation, dynamic theming, etc.

Accessibility and usability

All components follow accessibility best practices and feature full keyboard support

Explore examples

Date picker *

Date range picker

Text input

Native select

Multi select

Invalid state

Please enter a valid email

Radio group

React

Svelte

Vue

Checkbox

Switch

Time input

Custom select

Autocomplete

Number input

Color input

Autosize textarea

Segmented control

React

Angular

Vue

Svelte

Slider and RangeSlider

Join the community

Mantine is a new React components and hooks library, join Mantine Discord server to ask questions and discuss new features or follow Mantine on Twitter to learn about new features and releases

Join Discord community

Follow Mantine on Twitter

Subscribe to email newsletter

Build fully functional accessible web applications with ease

Project

Contribute to Mantine Changelog Releases

Community

Join Discord community Follow on Twitter Email newsletter Github discussions

Feedback

Your feedback is most valuable contribution to the project, please share how you use Mantine, what features are missing and what is done good

Leave feedback

Built by Vitaly Rtishchev and these awesome people