Show HN: Build Pages Visually, Export as JSON – JsonBloks Just Launched

6 hours ago 2

jsonblok logojsonblok

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!

Read Entire Article