A favicon of Mantine

Mantine

Accelerate web application development with a comprehensive React library offering 120+ customizable components, 70+ hooks, and robust styling for accessible UIs.

Visit Mantine
A screenshot of MantineVisit

Mantine is a fully featured React components library designed to help you build functional and accessible web applications with unprecedented speed. It offers an extensive collection of more than 120 customizable components and 70+ hooks, covering a wide range of UI needs from inputs and overlays to navigation elements. Key benefits include:

  • Flexible Styling: Built with native CSS for performance, components support the Styles API for easy overrides. A PostCSS preset and compatibility with various styling solutions offer further customization.
  • Dark Mode Ready: Easily implement a dark theme with global styles and out-of-the-box component support.
  • Powerful Hooks Library: Handle common and tricky application parts efficiently with hooks like use-move, use-resize-observer, and use-hotkeys.
  • Composable Combobox: Create custom select, multiselect, autocomplete, and similar components with full UI and behavior control.
  • Extensible Functionality: Enhance your application with packages like a TipTap-based Rich Text Editor, a notifications system, Spotlight (command palette), and an Embla-based Carousel.
  • Performant Form Handling: The @mantine/form library integrates seamlessly with inputs, offering excellent performance, schema-based validation, and support for lists and nested objects.
Categories:
Share:

Similar to Mantine:

Build accessible UIs with total style freedom.
React
Build accessible web apps and design systems with unstyled, highly customizable UI components. Gain full styling control and ensure inclusivity.
Build consistent, accessible UIs faster, together.
CompanyReact
Accelerate cross-brand UI development with a themeable system. Build high-quality, accessible interfaces collaboratively using a comprehensive set of components.
Cal.com's design system and branding guidelines.
CompanyFigma+2 more
Access comprehensive design system and branding guidelines. Find design tokens, ready-to-use assets, and direct Figma links for Cal.com's design system.

Command Menu