K

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

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

Capture date input from user
Capture dates range from user
Use text input to capture string data from user
HTML select element wrapper
Please enter a valid email
Radio group
Capture time from user
:
Custom select with any component as item
Use to create search or propose options
Enter your age
Segmented control
Slider and RangeSlider
xs
sm
md
lg
xl

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
Build fully functional accessible web applications with ease
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