⭐️100k+ weekly installs

Build a Notion-style editor in minutes.

The AI-native, open source rich text editor for React. Add a fully customizable modern block-based editing experience to your product that users will love.

NLnet
DINUM
ZenDiS
OpenProject
Capitol
Twenty
Deep Origin
Juma
Atuin
Cella
Illumi
Agree
NLnet
DINUM
ZenDiS
OpenProject
Capitol
Twenty
Deep Origin
Juma
Atuin
Cella
Illumi
Agree

?? The editor you'd build, if you had the time.

BlockNote combines a premium editing experience with the flexibility of open standards. Zero compromise.

✨

?? Notion-Quality UX

Give your users the modern, block-based experience they expect. Slash commands, drag-and-drop, and real-time collaboration.

/image
Uploading...
πŸ›‘οΈ

?? Sovereign Infrastructure

?? 100% open source and self-hostable. Own your data, extend the core, and never worry about platform risk.

MIT / MPLLocal-First
🧠

?? Intelligence You Own

Add AI features like autocomplete and rewriting without leaking data. Bring your own model, run it anywhere.

πŸ‡ͺπŸ‡ΊDigital Commons

Three nations choose
open source to power
their digital future.

France, Germany, and the Netherlands partner to build Docs, a collaborative writing tool for thousands of public servants. BlockNote is the engine.

"Building Digital Commons means better tools, data sovereignty, and shared progress."

Partner with us→

A modern editor, ready to ship.

Built-in components provide a complete, block-based editing experience out of the box. Customize everything when you need to.

An intuitive API for developers.

The block-based architecture unlocks a powerful API for engineers with full TypeScript support and a clean React API.

Type-Safe Schema

Local-first collaboration.

First-class Yjs integration for real-time collaboration. Works offline and syncs seamlessly. Deploy anywhere.

CollaborativeEditor.tsx
import * as Y from "yjs";
import { WebsocketProvider } from "y-websocket";

const doc = new Y.Doc();
const provider = new WebsocketProvider(
  "ws://localhost:1234", "room-id", doc);

const editor = useCreateBlockNote({
  collaboration: {
    fragment: doc.getXmlFragment("document"),
    user: { name: "Alice", color: "#ff0000" },
    provider,
  }
});

// Cursors and presence included

Build for What's Next.

Build the future of document editing. Let users co-author with AI. Connect any model and integrate RAG, tools, and agents: powered by the AI SDK.

Committed to open source.

Document editing is foundational infrastructure for the modern workforce. We believe the tools we use to create and share knowledge should be open, transparent, and free from lock-in. That's why everything we build is open source.

πŸ›οΈ

Built on Giants

ProseMirror and Yjs are battle-tested foundations trusted by teams worldwide, we're excited to build with these technologies.

⬆️

Contributing Upstream

We're significant contributors to Yjs, Hocuspocus, and Tiptap. When we improve the ecosystem, everyone benefits.

🌱

Sustainable by Design

Bootstrapped and independent. We're building for the long term, not the next funding round.

Transparent pricing

Subscribe to BlockNote XL.

BlockNote is 100% open source. Here's how licensing works.

πŸ’š

Core Editor

The majority of BlockNote (including all blocks, real-time collaboration, comments, and UI components) are liberally licensed.

Free to use in any project; personal, open source, or commercial.

βœ“ Free for everyone

⚑

XL Packages

Advanced features like AI integration, PDF / Word / ODT exports, and multi-column layouts.

Free for open source projects under GPL-3.0. Closed source projects require a subscription.

βœ“ Free for open source

Thanks to our supporters for helping us build sustainable open source software.

NLnet
DINUM
ZenDiS
OpenProject
Capitol
Twenty
Deep Origin
Juma
Atuin
Cella
Illumi
Agree
NLnet
DINUM
ZenDiS
OpenProject
Capitol
Twenty
Deep Origin
Juma
Atuin
Cella
Illumi
Agree
🧩

Build anything, block by block.

Every BlockNote document is a collection of blocksβ€”headings, lists, images, and more. Use the built-in blocks, customize them to fit your needs, or create entirely new ones.

Paragraph
Headings
List
Ordered List
Checklist
Toggle List
Code
Quote
Divider
Table
Image
Video
Audio
File
Your Own