mantine extensions

Welcome to the hub of extensions designed to enhance the functionality and aesthetics of the Mantine UI library

explore

Browse and install the Mantine extensions built by the community
NPM version

gfazioli

12

Mantine NextJS App Router + Nextra Template

The Mantine NextJS App Router + Nextra Template is a template that combines the Mantine UI library with the NextJS framework and the Nextra documentation template. It is a powerful combination that allows you to create a modern, responsive, and accessible website with ease.

NPM version

gfazioli

21

Mantine Spinner

The Mantine Spinner component is a simple and customizable spinner for React. It is integrated with the powerful Mantine UI library. In particular, you may use this component to create a loading spinner.

NPM versionNPM Downloads
NPM version

gfazioli

119

Mantine Parallax

The Mantine Parallax component can be used to create a parallax effect with any React component as children. It is integrated with the powerful Mantine UI library. In particular, you may use this component to create the Apple TV Card effect.

NPM versionNPM Downloads
NPM version

gfazioli

350

Mantine Split Pane

The Mantine UI Library extension simplifies managing split panes in layouts. It divides the interface into resizable panes, enhancing user experience with flexible content organization. Users can easily customize their workspace by resizing and rearranging content. Developers can seamlessly implement dynamic split panes to improve UI design efficiency.

NPM versionNPM Downloads
NPM version

gfazioli

284

Mantine Marquee

The Mantine Marquee component is a versatile React component integrated with the powerful Mantine UI library, designed to create an eye-catching Marquee effect with any React component as children.

NPM versionNPM Downloads
NPM version

icflorescu

132

Mantine ContextMenu

Craft your applications for productivity and meet your users’ expectations by enhancing your UIs with desktop-grade, lightweight yet fully-featured context menus that respect the Mantine color scheme out of the box.

NPM versionNPM Downloads
NPM version

icflorescu

177

Mantine DataTable

Mantine DataTable is a lightweight, dependency-free component that brings datagrid-like functionality to your data-rich user interfaces, with dark-mode support and intuitive Gmail-style additive batch rows selection out of the box.

NPM versionNPM Downloads
NPM version

gfazioli

155

Mantine Reflection

A Mantine UI Library extension that allows you to create a reflection effect on an image or any other component.

NPM versionNPM Downloads
NPM version

gfazioli

159

Mantine Rings Progress

The Mantine UI Library extension enables developers to incorporate progress rings similar to the Apple Watch interface. It allows for customization of colors, sizes, and stroke width, enhancing the visual appeal of web applications.

NPM versionNPM Downloads
NPM version

gfazioli

205

Mantine Flip

A Mantine UI Library extension Flip component is a wrapper for any component that can be flipped. It is used to create cards, flip boxes and more.

NPM versionNPM Downloads
NPM version

kevinvandy

101

Mantine React Table

Mantine React Table (MRT) is a fully-featured data grid/table component library for React built on TanStack Table V8's powerful API. MRT is meant to work best in projects already using Mantine components, but it is not necessarily required. However, be aware that Mantine and Emotion are required as peer dependencies for MRT to work.

NPM versionNPM Downloads
NPM version

Kuechlin

92

Mantine Data Grid

Mantine Data Grid Component is in alpha stage, there might be bugs and component api could change.

NPM versionNPM Downloads

🤔 Do you know a Mantine extension that is not listed here?

👇 Follow these steps to get it listed: