Mantine Next starter

This starter includes all @mantine packages, feel free to remove everything that is not required for your application
Mantine docs
Change theme

Explore features

Notifications system
Display code with theme colors
import React from 'react';
import { Prism } from '@mantine/prism';


function Demo() {
  return <Prism language="tsx">{yourCode}</Prism>
}
Build forms fast with huge inputs library
Add your styles to any part of component
Follow Mantine on Twitter
<Button
  component="a"
  target="_blank"
  rel="noopener noreferrer"
  href="https://twitter.com/mantinedev"
  fullWidth
  styles={{
    filled: {
      backgroundColor: "#00acee",
      textShadow: "unset",
      border: 0,
      height: 48,
      paddingLeft: 20,
      paddingRight: 20,
    },


    label: {
      textShadow: "1px 1px 0 #0490c7",
    },
  }}
>
  Follow Mantine on Twitter
</Button>