Mantine Extensions suite-wide maintenance update. All 26 components, the Hub, and both Next.js starter templates are now aligned to Mantine 9.3.1, with refreshed tooling (Storybook 10.4.5, Next 16.2.9, Rollup 4.62, oxlint 1.70). A drop-in refresh: no API or behavior changes, so you can upgrade across the whole ecosystem in one go.
Hey everyone Just shipped Mantine Audio v1.0 the audio counterpart to Mantine Video and the newest member of the Mantine Extensions Hub.
The idea was simple: video has a frame, audio doesn't. A 30-second video communicates its content the moment you hit play, while a 30-second audio file looks like a thin grey line. So instead of just wrapping the HTML audio element with theme-aware controls, the component makes the audio look at itself decoded waveform on canvas, live FFT spectrum on an AnalyserNode, every part theme-aware and Mantine-Styles-API-friendly.
Mantine ListViewTable is a Finder-style list view for Mantine 9 with sorting, column reordering, column resizing, sticky columns, row selection, keyboard navigation, and context menus. In v4 the column reorder system is rebuilt around a single pointer-event codepath. Mouse, touch, and pen now share the same code no more HTML5 drag-and-drop on the table headers. The result is reliable column reordering on iOS Safari and Android, where the previous implementation often broke. Highlights: Touch double-tap on the resize handle now auto-fits a column to its content gesture parity with the desktop double-click. New useDoubleTap hook is exported for anyone who needs touch double-tap detection elsewhere. Drop a column before the first or after the last column and it actually commits now. The previous version silently did nothing at the table edges because elementFromPoint returns null outside the header row. Press Escape during a drag to cancel without committing the reorder. While dragging, the document body locks user-select: none and cursor: grabbing so swipe gestures on mobile no longer trigger a text selection mid-drag. React Strict Mode safe the v3 implementation accidentally applied the reorder twice when StrictMode replayed setState updaters for purity checks. Multi-table pages work correctly. The previous version queried the DOM globally to clone the source header for the ghost element, which picked up the wrong table when several ListViewTable instances on the same page shared column keys. Breaking change: useColumnReorder collapses six handlers into one handleColumnDragStart now accepts a React.PointerEvent and is wired on the drag handle's onPointerDown. The ListViewTable component API is unchanged, so most apps upgrade without code changes. There is a dedicated Upgrade guide tab in the docs with before/after snippets for direct hook consumers. Install:
Mantine JsonTree is an interactive JSON viewer for React with syntax highlighting, collapsible nodes, search, copy-to-clipboard, and rich type support (Date, RegExp, Map, Set, BigInt, Symbol, React elements, and more).
I just shipped Mantine Scene v2.1 a React component library that lets you compose decorative animated backgrounds out of stackable layers: gradients, glows, mesh gradients, particles, weather effects, parallax waves, and more. Built on top of Mantine 9, runs in any React 19 app.
This release is all about richer atmospheric effects and performance under real-world conditions.
Mantine Extensions HUB is the central place to discover, explore, and share extensions for the Mantine UI library. It showcases community-built components, templates, and resources that enhance Mantine’s functionality and aesthetics. Makers can submit their own extensions, while developers can quickly find ready-made building blocks to improve their React & Mantine projects.
