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

Please enter a valid email
Radio group
:
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