⭐️100k+ weekly installs

Build a Notion-quality 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.

Editor Demo Coming Soon

Integrates with your stack (TBD)
React
Next.js
Y.js
Supabase
Remix
Astro
Vite
React
Next.js
Y.js
Supabase
Remix
Astro
Vite
React
Next.js
Y.js
Supabase
Remix
Astro
Vite
React
Next.js
Y.js
Supabase
Remix
Astro
Vite

?? 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."

Watch the story

A modern editor, ready to ship.

Built-in components provide a Notion-style editing experience out of the box. Customize everything when you need to.

Demo Editor
Type '/' for commands...

An intuitive API for developers.

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

schema.ts
import { BlockNoteSchema } from "@blocknote/core";

// Define your custom block schema
const schema = BlockNoteSchema.create({
  blockSpecs: {
    alert: AlertBlock,
    callout: CalloutBlock,
  },
});

// Full type inference for your blocks
type MyBlock = typeof schema.Block;
//   ^? { type: "alert" | "callout" | ... }

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 { WebrtcProvider } from "y-webrtc";

const doc = new Y.Doc();
const provider = new WebrtcProvider("room-id", doc);

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

// Cursors and presence included

Built 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.

AI Editor
BlockNote is a text editor.
✨ AI Assistant
Fix grammar
Make shorter
Change tone...

Trusted by teams everywhere.

From startups to enterprises, teams choose BlockNote to build their document experiences.

Acme Corp

"BlockNote let us ship a polished editor in days instead of months. Our users love it."

SC
Sarah Chen
VP Engineering, Acme Corp
Startup Inc

"We evaluated every rich text editor on the market. BlockNote was the only one that felt modern."

MJ
Marcus Johnson
CTO, Startup Inc
Enterprise Co

"The TypeScript support is exceptional. Our team was productive from day one."

ER
Elena Rodriguez
Lead Developer, Enterprise Co

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 build on top of them, not around them.

🤝

Community First

We collaborate closely with the Yjs team and contribute back to the ecosystem. Open source thrives on shared innovation.

🔓

Yours to Own

No vendor lock-in. Self-host, fork, extend. Your editing infrastructure, under your control.

🇪🇺

Digital Autonomy

Partnering with DINUM (France) and Zendis (Germany) to build open European alternatives — reducing dependencies on big tech.

⬆️

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.

"Here we could put a quote about our open source commitment."

— Cool person

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.

Semrush
NLnet
DINUM
ZenDiS
OpenProject
Poggio
Capitol
Twenty
Deep Origin
Krisp
Claimer
Atlas
Juma
Atuin
Cella
Illumi
Agree
Semrush
NLnet
DINUM
ZenDiS
OpenProject
Poggio
Capitol
Twenty
Deep Origin
Krisp
Claimer
Atlas
Juma
Atuin
Cella
Illumi
Agree
🧩

A universe of blocks.

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

Let's build.

Building a rich text editor is one of the hardest engineering challenges on the web. It used to take months of specialized work.

We believe that great tools should be sovereign by default. You shouldn't have to choose between a cohesive UX and owning your infrastructure.

That's why we built BlockNote. A batteries-included editor that gives you a Notion-quality experience in minutes, while staying grounded in open standards like ProseMirror and Yjs.

Whether you're a startup or a public institution, you deserve software that lasts. Join us to shape the future of the open web.

Enter BlockNote.

Forget low-level details. Work with a strongly typed API. Get modern UI components out-of-the-box.

The TeamBlockNote Creators

Questions?

Isn't it easier to use a Headless editor framework?

There are a number of really powerful headless text editor frameworks available. In fact, BlockNote is built on Prosemirror and TipTap. However, even when using a headless library, it takes several months and requires deep expertise to build a fully-featured editor with a polished UI that your users expect.

Is BlockNote ready for production use?

BlockNote is used by dozens of companies in production, ranging from startups to large enterprises and public institutions. Also, we didn't reinvent the wheel. The core editor is built on top of Prosemirror - a battle tested framework that powers software from Atlassian, Gitlab, the New York Times, and many others.

Can I add my own extensions to BlockNote?

BlockNote comes with lot of functionality out-of-the-box, but we understand that every use case is different. You can easily customize the built-in UI Components, or create your own custom Blocks, Inline Content, and Styles. If you want to go even further, you can extend the core editor with additional Prosemirror or TipTap plugins.

Is BlockNote really free?

100% of BlockNote is open source. We offer consultancy, support services and commercial licenses for specific XL packages to help sustain BlockNote. Explore our pricing page for more details.