NEW

Modern Notion-Style Block Editor

A beautiful, embeddable Notion-style block editor built with React, Tailwind CSS, and modern drag-and-drop interactions.

Open Editor Try Demo

Intuitive Editing

Click to edit inline, drag to reorder, and use keyboard shortcuts for efficient content creation.

Multiple Block Types

Support for paragraphs, headings, lists, code blocks, and dividers with more coming soon.

JSON Export

Export your content as structured JSON for easy integration with your applications.

Try the Editor

This is a live demo. Click on any text to edit, drag blocks to reorder, or add new blocks.

Block Editor Pro

Welcome to Block Editor

This is a professional Notion-style block editor built with React and Tailwind CSS. It supports multiple block types, drag-and-drop reordering, and JSON export.

•Drag and drop blocks
•Inline editing
•Multiple block types
•JSON export
•Mobile responsive

const editor = new BlockEditor();
editor.addBlock("paragraph", "Hello World!");

Try editing this content or adding new blocks!