Mantine NextJS + Fumadocs

Docs

Menu

Mantine

Use Mantine components inside MDX pages: a Mantine Button example, plus third-party extensions such as Mantine Marquee.

Of course, you can use the Mantine components in your documentation site. Here is an example of how to use the Button component:

content/mantine.mdx

import { Button, Center } from '@mantine/core';

# Mantine

Your markdown content here

<Center my={32}>
    <Button>Hello Mantine</Button>
</Center>

Third-party components

You can use any third-party components in your documentation site.

Here is an example of how to use the Mantine Marquee components in your documentation site: