Updates for Mantine UI Library v8 and Mantine Extensions 2025
Latest news about Mantine Extensions components
Mantine v8
The release of Mantine v8 has brought significant updates to the Mantine UI Library, which has been meticulously updated across all components managed within the Mantine Extensions HUB. This latest version not only revises the visual design of the main website but also introduces numerous improvements and new features. Further details on these extensions can be found at Mantine Extensions.
With Mantine v8, the core library found at Mantine UI has seen a comprehensive overhaul, enhancing both the user experience and the developer interaction. These updates include:
Visual Redesign: The main website has been visually restructured to provide a more intuitive and user-friendly interface.
New Features: Several new functionalities have been added to enhance the versatility of the library.
Performance Improvements: Optimizations have been made to ensure smoother and faster interactions.
Mantine Extension Hub
In addition to the general updates to the Mantine UI Library, the Mantine Extensions have also received critical updates:
Package Updates: All components in the Mantine Extensions have been updated to be compatible with Mantine v8.
Bug Fixes and Improvements: Several important bug fixes and improvements have been implemented to enhance stability and performance.
Mantine Split Pane
One of the standout updates in Mantine v8 is the overhaul of the Mantine Split Pane component. This component has been partially rewritten with significant enhancements:
Improved Resizer: Previously hidden, the component's Resizer is now more accessible and manageable, allowing for better movement between panels and enhanced control over minimum and maximum width and height settings.
New Split.Resizer Component: A notable introduction in this version is the
Split.Resizer
component, which provides greater flexibility and control.
JSX structure v1
<Split>
<Split.Pane>
<h1>Pane 1</h1>
</Split.Pane>
<Split.Pane>
<h1>Pane 2</h1>
</Split.Pane>
</Split>
JSX structure v2
<Split>
<Split.Pane>
<h1>Pane 1</h1>
</Split.Pane>
<Split.Resizer />
<Split.Pane>
<h1>Pane 2</h1>
</Split.Pane>
</Split>
Mantine Onboarding Tour
The Onboarding Tour component has been improved, and bugs in the OnboardingTour.Target component have been fixed.
One more thing…
Also take a look at the update of Mantine + NextJS app route + Nextra v4.
All packages have been updated to the latest version.
There is a new UI in the Welcome view.
Documentation and examples have been improved.
There are new, dynamic GitHub release notes.
Finally, there's a surprise regarding Pagefind management. I'll write a post about it soon.