Coda
Docs, tables, and apps combined into one collaborative workspace
Open-Source Projects
Discover top open-source software, updated regularly with real-world adoption signals.
Discover top open-source software, updated regularly with real-world adoption signals.
Block-based React editor delivering modern rich-text experience.
A block-based React rich-text editor built on ProseMirror and Tiptap, offering drag-and-drop, slash commands, real-time collaboration, and ready-made UI components for instant integration.
BlockNote is a block‑based rich‑text editor for React, built on top of ProseMirror and Tiptap. It targets developers who need a Notion‑style editing experience for knowledge bases, wikis, or collaborative note‑taking applications.
The library ships with a fully styled Mantine UI component, drag‑and‑drop block reordering, slash‑menu insertion, nesting via tab/shift‑tab, and real‑time collaboration powered by Yjs. Because it is extensible, you can add custom block types or replace the UI while keeping the core editing engine intact.
Installation is a single npm command and the editor can be instantiated with useCreateBlockNote. It runs in any modern React build pipeline (Vite, Next.js, etc.) and is covered by an extensive test suite using Vitest and Playwright.
When teams consider BlockNote, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Internal Knowledge Base
Employees create, organize, and edit documentation with live collaboration and block nesting.
Customer Support Portal
Support agents draft rich articles using slash commands and drag-and-drop, publishing instantly to the help center.
Educational Content Creator
Instructors build interactive lesson plans with embedded media blocks and real-time student co-authoring.
Project Management Dashboard
Teams embed the editor to capture meeting notes, task lists, and roadmaps within a single collaborative view.
Yes, the core packages are under MPL-2.0, which allows commercial and closed-source applications.
Collaboration is enabled through Yjs integration, synchronizing document changes across clients.
The editor is built with Mantine components and can be styled or replaced with custom React components.
XL packages are released under GPL-3.0; a commercial license is required if you cannot comply with that license.
BlockNote relies on ProseMirror, Tiptap, React, and optional Yjs for collaboration.
Project at a glance
ActiveLast synced 4 days ago
