You can use Mantine as a headless UI library. To do that, simply do not import
in your application. Then you will be able to apply styles to Mantine components using Styles API
with a styling solution of your choice.
Most of Mantine components support
unstyled prop that removes library styles from the component and allows you to style it
from scratch. Note that
unstyled prop is not supported by compound components (
– it only works on root component (
Unstyled Tabs component:
Choosing between unstyled prop and headless components
unstyledprop is useful when you want to remove library styles from a single component, but keep styles for other components. For example, if Tabs component does not meet your design system requirements, but all other components do, you can use
unstyledprop to remove styles from Tabs and style it from scratch, while keeping all other components styled with Mantine styles.
unstyledprop does not remove Mantine library styles from your
.cssbundle – it only does not apply them to component with