Mantine is an MIT licensed open source react components and hooks library with a focus on usability, accessibility, and developer experience.
Mantine includes more than 120 customizable components and hooks to cover you in any situation.
Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.
Mantine comes with more than 30 hooks to manage state and UI to help you build custom components.
All hooks that are used to build Mantine components are exported from @mantine/hooks package, hooks do not depend on components packages, you can use them independently in any react application.
Each Mantine component supports styles overriding for every internal element inside with classes or inline styles. This feature alongside other customization options allows you to implement any visual modifications to components and adapt them to fit almost any design requirements.
Mantine is based on emotion, take advantage of core emotion features with createStyles function: auto vendor-prefixing, critical CSS extraction during server-side rendering, lazy evaluation, dynamic theming, type-safe styles with TypeScript, and more.
Mantine works in all modern environments – get started instantly with Next.js, Gatsby.js, create-react-app, Vite, or Preact.