🚀 BlockNote AI is here! Access the early preview.

The open source
Block-Based
rich text editor

A beautiful text editor that just works. Easily add an editor to your app that users will love. Customize it with your own functionality like custom blocks or AI tooling.

Get Started
Try it out

Why BlockNote?

Whether you want extensive customization or a great out-of-the-box experience, BlockNote has you covered:

Works out of the box
Works out of the box
Built-in components like menus and toolbars instantly provide a familiar, Notion-style user experience - but are also fully customizable.
Block-based design
Block-based design
Drag, drop, or nest blocks. The block-based design enables users to create beautiful docs and unlocks a powerful API for engineers.
Collaboration
Collaboration
Craft beautiful multiplayer experiences with support for real-time collaboration.
Extensibility
Want to go next level? Extend the editor with custom blocks, schemas, and plugins.
First-class Typescript support
Get full type safety and autocompletion even when extending your editor with custom blocks and schemas.
Theming
Customize the look and feel of your editor to match your brand. Built-in support for light & dark modes.
Markdown & HTML
Convert documents from BlockNote JSON to and from Markdown and HTML.
Prosemirror based
Builds on top of the battle-tested Prosemirror, but without the steep learning curve.
Vanilla JS
Not using React? BlockNote also works with vanilla JS for use with other frameworks.

Let's build

Building a modern, collaborative text editor is a complex engineering challenge that used to take months of work, deep technical expertise and a lot of patience - only within reach of the largest companies.

Leveraging our expertise, we set out to save developers months of engineering work by creating a modern, batteries-included block-based text editor built on top of industry standards like Prosemirror and Yjs (used by giants like NY Times, Atlassian, Wordpress, Gitlab and many others).

Enter BlockNote.

BlockNote eliminates the need to deal with low-level details around text positions and document structure. Instead, work with the strongly typed, block-based API to work with your editor and documents. You also get a full set of modern UI components out-of-the-box: no need to build all interface elements from scratch. With just a few lines of code, you can integrate a polished, collaborative text editor into your app.

Supported by an active and growing community of companies and developers, we invite you to contribute, provide feedback, and partner with us to shape the future of rich text editing and collaborative software!

Start Building

Open Source Community

Join a community of open-source contributors by tuning in with the BlockNote community and contributing to the project.

Contributors

YousefED avatar17Amir17 avatarmatthewlipski avatarGuySerfaty avatartomeryp avatarhoracioh avatari-am-chitti avatarDAlperin avatartensor-tian avatarsudarshanshenoy avatarcuire avatarfogle avatarrichmengsix avatarPhilipWillms avatarniclas-j avatardanlgz avatarCTNicholas avatarcharlesfrisbee avatar

Become a GitHub contributor

Join the community of BlockNote developers by contributing code and supporting the project.

See our repository

Join the Discord community

Ask questions, discuss features, and share your work with other BlockNote users on Discord.

Join our Server

Sponsors & users

AgreeAtuinCapitolDeep OriginDINUMFermatNLNetNotePlan
Apple Top Notes Apps
PoggioTwenty
YC S23
TypeCellZenDiS

Frequently asked questions

More questions? Reach out to our team.

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.