1. Home
  2. Components
  3. BlockNote

BlockNote

by TypeCell · blocknotejs.org

Visit site
BlockNote screenshot 1Screenshot 1 of 2

What it is

A Notion-style block editor for React — slash menu, drag handles and collaboration out of the box. Component libraries cover the everyday parts of an interface: buttons, inputs, dialogs, menus.

Good for

  • Starting a new app fast
  • Forms, dialogs and menus
  • Owning the code you copy

Alternatives to BlockNote

Other Components kits.Compare all 31 →
Editor.js screenshot 1
Editor.jsComponents

A clean, block-style editor that outputs tidy JSON instead of HTML.

JavaScriptFree
mapcn screenshot 1
mapcnComponents

Beautiful shadcn-style map components on MapLibre — maps that finally look good by default.

Reactshadcn/uiFree
Extend UI screenshot 1
Extend UIComponents

Components for document apps — PDF, DOCX and XLSX viewers with citation boxes.

Reactshadcn/uiFree
SponsoredAdvertise →
WapopoOne sentence in, a comic outSlot 2Your product hereSlot 3Your product hereSlot 4Your product here