trending

Mantine ListViewTable v4 — column reorder works everywhere, even on iOS

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:

npm install @gfazioli/mantine-list-view-table@4 

Docs: https://gfazioli.github.io/manti...
Upgrade guide: https://gfazioli.github.io/manti...
GitHub: https://github.com/gfazioli/mant...

Mantine Spinner v4.1 — responsive size with zero React re-renders

M

antine Spinner is an SVG-based loading spinner for Mantine 9 with customizable segments, multiple animation variants, segment shapes (line, dot, arc), gradient colors, glow, hue rotate, and a determinate progress mode.

Mantine JsonTree v3.2 — style the search bar without !important

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).

Mantine Scene 2.1 — now with rain, confetti, parallax waves & viewport-aware lazy mode

Hey Hunters

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.

What's new in 2.1

Mantine Extensions - Discover and share Mantine UI extensions

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.