BlockNote

Block-based rich text editor React component with Notion-like UX

Developer ToolsFree

BlockNote is an open-source block-based React text editor that provides a Notion-like editing experience out of the box with slash commands, drag-and-drop block reordering, nested lists, and real-time collaboration support via Yjs. Its customizable block types and inline toolbar make it easy to create content editors that feel polished without building every interaction from scratch. Indie developers and product teams building note-taking tools, wikis, and documentation platforms embed BlockNote to launch a high-quality editing experience with minimal configuration.

Key Features

• ✓Block-based editing
• ✓Slash commands
• ✓Drag-and-drop blocks
• ✓Yjs collaboration
• ✓Custom block types