Awesome Mantine

Mantine is a fully featured React components library.

This project contains a curated list of awesome mantine documentations, libraries and resources.

Contents

1. Official Links
2. Libraries
3. Boilerplates
4. Showcase
   • Open Source
   • Non Open Source
5. Companies and Products Using Mantine
6. Miscellaneous
7. Videos

Official Links

• Mantine - Official website
• Mantine UI - Official samples

Libraries

• Mantine ContextMenu - The context menu for your enhanced Mantine applications
• Mantine Composite Filters - A powerful, flexible composite filters component for Mantine with support for multiple filter types, presets, history, and advanced customization
• Mantine Data Grid - Another yet DataTable Grd in alpha stage
• Mantine DataTable - The table component for your data-rich Mantine applications
• AdaptTable - Data table rendering native Mantine components with URL-synced state, declarative filters with chips, column management, saved views and opt-in virtualization, on a headless core
• Mantine Flagpack - 4x3 flags as React components, built of top of flagpack, tree shakable
• Mantine Audio - A Mantine-native audio player for React with waveform visualisation, live spectrum analyser, compound API, headless useAudio hook, scrubbable timeline with scrubSound, multiple-source delivery, fallbackSrc, and an asBackground preset for ambient hero tracks.
• Mantine Border Animate - A Mantine component for animated border effects with four variants (beam, glow, gradient, pulse), customizable colors, and full animation control. Ideal for creating eye-catching, dynamically styled UI elements with smooth CSS animations.
• Mantine Book - A realistic iBooks-style book component for React: stack two-sided pages and turn them by dragging any point of the free edge in any direction, with a pure-DOM reflection fold (flat) or a true 3D WebGL curl (rounded), hard covers via withCover, riffle through multi-page jumps, controlled navigation, and full keyboard accessibility.
• Mantine Clock - React Clock components and hooks for Mantine with timezone support, countdown timers, customization options, and real-time updates.
• Mantine Compare - Mantine Compare is a responsive, accessible React container for side‑by‑side content, letting users reveal differences with a draggable, hover, or fixed split and support for vertical, horizontal, or diagonal dividers.
• Mantine Depth Select - A 3D stack select component inspired by macOS Time Machine for React applications built with Mantine. Navigate through stacked cards with perspective transforms and smooth transitions.
• Mantine Json Tree - A Mantine extension component that renders interactive JSON trees with syntax highlighting, collapsible nodes, copy-to-clipboard, and configurable expansion depth.
• Mantine Flip - A Mantine component that flips the content of the component when hovered over.
• Mantine List View Table - A Mantine component adds a Finder-style List View to the Mantine Table, allowing for column reordering and resizing.
• Mantine Led - A highly customizable LED indicator component for React applications built with Mantine. Provides visual feedback for status indicators with support for colors, sizes, animations, and controlled states
• Mantine Lens Select - A fisheye/lens magnification select component for React built with Mantine. Supports count mode, min/max/step range, macOS Dock-like magnification, and compound components.
• Mantine Marquee - A Mantine component that allows you to create a marquee effect with a list of elements.
• Mantine Mask - A Mantine component that applies a cursor‑follow or static spotlight using CSS masks, revealing content inside the spotlight and softly fading the outside.
• 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.
• Mantine Parallax - A Mantine component that allows you to create the famous Apple TV parallax effect
• Mantine Picker - A Mantine component that allows you to create a picker effect with a list of elements
• Mantine QRCode - A highly customizable QR Code component for React built with Mantine. Custom dot/corner styles, image overlay, SVG/PNG download hook, and full Styles API.
• Mantine React Table - A fully featured Mantine V5 implementation of TanStack React Table V8
• Mantine Reflection - A Mantine component that adds a reflection effect to its children.
• Mantine Rings Progress - A Mantine component that replicates the progress rings of Apple Watch.
• Mantine Select Stepper - Allows users to navigate through a list of options using increment and decrement buttons, providing an intuitive alternative to traditional dropdown selects for cycling through predefined values
• Mantine Scene - A composable decorative background system for Mantine with gradients, particles, noise, and interactive effects.
• Mantine Spinner - A Mantine React component for an enhanced loading state.
• Mantine Scheduler - A powerful and flexible React package that allows you to easily integrate scheduling functionality into your Mantine-based applications.
• Mantine Split Pane - A Mantine component that manages split panes allows users to divide and resize content areas within a layout efficiently
• Mantine Text Animate - A Mantine component that allows you to animate text with various effects
• Mantine Video - A Mantine-native video player for React with compound API, headless useVideo hook, four variants, Picture-in-Picture, fullscreen, captions, live timeline scrubbing, and an asBackground mode for hero / section backgrounds.
• Mantine Window - A Mantine extension component that renders draggable, resizable floating windows with persistent state, customizable boundaries, collapsible content, and flexible control over position, size, and interaction modes

Boilerplates

• mantinedev/gatsby-template - Mantine + Gatsby.js template
• mantinedev/next-app-template - Mantine + Next.js app router template (7.0+)
• mantinedev/next-page-template - Mantine + Next.js pages router template
• mantinedev/redwood-template - Mantine + RedwoodJS template
• mantinedev/remix-template - Remix + Mantine template
• mantinedev/vite-template - Mantine + Vite template
• Blitzship - The code boilerplate for launching your SaaS on AWS.
• ship - A toolkit for makers to ship better products faster 🚀
• zauberstack - A React.js SaaS Starter Kit to build your MVP faster
• gfazioli/next-app-nextra-template - Mantine + Next.js app router + Nextra 4 template (7.0+) + Live Demo
• gfazioli/next-app-fumadocs-template - Next.js App Router + Mantine + Fumadocs (headless) template — 100% Mantine UI, no Tailwind
• mantine-tanstack-start-template - The easiest way to initialize a new project with Mantine and TanStack Start

Showcase

Open source

• docmost - An open-source alternative to Confluence and Notion.
• homarr - A simple, yet powerful dashboard for your server
• KamousAI - Language Learning Tools, uplevel your language skills with AI
• local-weather - A weather app using Next.js, Mantine, Edge API Routes, and the OpenWeatherMap and Google Maps API's
• mantine-analytics-dashboard - A free, open source, Next 14, React 18 admin dashboard template created using Mantine 7
• Mantine Extensions - Hub of extensions designed to enhance the functionality and aesthetics of the Mantine UI library
• MantineHub - A tool to easily add modern, pre-configured themes (inspired by Shadcn) to your Mantine projects
• Mantine Tweaker - A mantine theme tweaker
• moonlit - React music player with customizable experience
• ryot - A self hosted platform for tracking various facets of your life - media, fitness etc
• Titanium - Landing page blocks using Mantine
• UptimeFlare - Free and serverless uptime monitoring / status page on Cloudflare Workers, with Geo-specific checks

Non open source

• ahead.hiv.gov - a government site aiming to provide easy access to Ending the HIV Epidemic data to the public.
• Birthdai - Create birthday song with personal musical style.
• Converting - A web service to file conversions
• daily.place - Track your daily tasks for free
• PPResume - A LaTeX based resume builder
• Valla - A mac (electron) app for reading epub files.
• Vouchley - The review platform for freelancers
• Workout - The easiest way to create a workout routine
• Inspotype - Create new brands in a blink
• InstaClock - a time tracking app specifically designed for individuals

Companies and Products Using Mantine

• EasyWP - Managed WordPress in minutes
• WP Bones - WP Bones allows for WordPress plugins with Laravel-like features

Miscellaneous

• react-data-fetching - A repository to showcase different ways to fetch data in React.

Videos

• Mantine UI crash course - A crash course on mantine v6
• Mantine UI V6 Course - Tutorial on Mantine v6
• Mantine UI V7 Course - Tutorial on Mantine V7