About BlockNote
BlockNote is an open source block-based rich text editor for React. It offers a Notion-style editing experience that you can add to your product.
What it does
Users write in blocks, such as paragraphs, headings and lists, and can drag them to reorder. A slash menu and formatting toolbar come built in. Developers can add custom blocks and inline content through a type-safe API. Real-time sync is built on Yjs, and the editor supports inline comments with mentions.
Key features
- Notion-style blocks with drag handles
- Slash menu and formatting toolbar out of the box
- Custom blocks with a type-safe API
- Real-time sync through Yjs
- Works with Mantine, shadcn/ui or without styles
Who it's for
React developers who want a modern editor quickly, and teams that need a custom block schema for their own content types.
Pricing and good to know
BlockNote is open source and free to use. The site says AI support for commercial products is a paid upgrade, and it lists enterprise and partner options through a contact form. Check the docs for the version you install, since features marked as coming soon are not yet available.
Highlights
- Notion-style blocks with drag handles
- Slash menu and formatting toolbar
- Custom blocks with a type-safe API
- Real-time sync through Yjs
- Works with Mantine or shadcn/ui
