tailwindcss-mantine

tailwindcss-mantine is a plugin that integrates Mantine's theme variables into Tailwind CSS, enabling you to use Mantine's design system with Tailwind's utility-first classes.

1. Install the package from npm:

   npm i -D tailwindcss-mantine

2. Add the plugin and theme override to tailwind.config.js:

   import mantinePlugin from 'tailwindcss-mantine'
   import mantineTheme from 'your mantine theme override'
   
   /** @type {import('tailwindcss').Config} */
   export default {
   	//...
   	plugins: [mantinePlugin({ themeOverride: mantineTheme })],
   }