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:

Datadog's reusable user interface design system.
CompanyFigma+1 more
DRUIDS stands for “Datadog Reusable User Interface Design System.” It’s the primary UI foundation of the Datadog platform as well as numerous internal apps for our company.
Brainly's design system is the source of truth that will answer all your design questions.
CompanyFigma+1 more
Consistency is one of the strongest contributors to usability. Because standard ensures that our users can understand the individual interface elements in our product and that they know where to look for what features.
Accelerate global payment solution design and development.
CompanyFigma+1 more
Access a comprehensive system with pre-built components, patterns, and design tokens to create accessible, scalable, and consistent payment experiences globally.

Command Menu