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

gfazioli

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.

gfazioli

Mantine Compare

Mantine Compare is a responsive side‑by‑side comparison container that lets you render two pieces of content (images or custom React nodes) with consistent styling, layout controls, and accessibility.

gfazioli

Mantine Border Animate

Mantine component offering four border animation variants (beam, glow, gradient, pulse) with customizable colors and full animation control, perfect for creating dynamic, visually engaging UI elements.

gfazioli

Mantine Window

A Mantine floating window with drag-drop positioning, 8-point resizing, collapsible content, localStorage persistence, and customizable boundaries.

dvlprroshan

Mantine Composite Filters

A powerful, flexible composite filters component for Mantine with support for multiple filter types, presets, history, and advanced customization

gfazioli

Mantine Json Tree

Mantine-powered JSON tree viewer with collapsible nodes, syntax highlighting, copy functionality, item count badges, and dynamic expansion depth for seamless API debugging and data exploration.

gfazioli

207

Mantine Clock

Providing customizable analog Clock components and hooks (useClock, useClockCountDown) for real-time time management. Features global timezone support, countdown functionality, flexible formatting, and advanced controls for digital and analog timepieces.

gfazioli

220

Mantine List View table

The Mantine component adds a Finder-style List View to the Mantine Table, allowing for column reordering and resizing.

gfazioli

348

Mantine Picker

The Picker component allows you to create a picker effect with any list of items. It's inspired by the iOS picker and allows you to create a similar effect with any list of items.

gfazioli

336

Mantine Text Animate

A Mantine component that allows you to animate text with various effects. Additionally, it provides other sub components such as TextTicker, Typewriter, NumberTicker, and Spinner.

gfazioli

320

Mantine Onboarding Tour

A Mantine component enables you to create a onboarding-tour effect using overlays, popovers, and onboarding tours, which enhances element visibility and interactivity.

gfazioli

154

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.

gfazioli

269

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.

gfazioli

215

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.

icflorescu

234

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.

icflorescu

360

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.

gfazioli

365

Mantine Split Pane

Mantine UI Library's split panes extension enables dynamic interface division with resizable content areas, allowing users to customize and optimize their workspace layout efficiently.

gfazioli

257

Mantine Reflection

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

gfazioli

245

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.

gfazioli

256

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.

kevinvandy

225

Mantine React Table

Mantine React Table (MRT) is a powerful data grid/table component library for React, built on TanStack Table V8. While designed to integrate seamlessly with Mantine components, it can be used more broadly. Note that Mantine and Emotion are required peer dependencies.

Kuechlin

140

Mantine Data Grid

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

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

👇 Follow these steps to get it listed:

Go the the Mantine Discord and let us know!
Contact me @Undolog in private or mention me in any channel
Provide the name of the extension, the repository URL and a brief description of what it does