jsonblok
Beta
A beautiful, embeddable Notion-style block editor built with React, Tailwind CSS, and modern drag-and-drop interactions.
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.
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!