Mantine is an open-source collection of React components.
npm install @blocknote/core @blocknote/react @blocknote/mantineTo use BlockNote with Mantine, you can import BlockNoteView from @blocknote/mantine and the stylesheet from @blocknote/mantine/style.css.
import "@blocknote/core/fonts/inter.css";
import { BlockNoteView } from "@blocknote/mantine";
import "@blocknote/mantine/style.css";
import { useCreateBlockNote } from "@blocknote/react";
export default function App() {
// Creates a new editor instance.
const editor = useCreateBlockNote();
// Renders the editor instance using a React component.
return <BlockNoteView editor={editor} />;
}