michelson/Dante

Just another Medium wysiwyg editor clone

TypeScript

2,040

57 commits

updated Aug 23, 2026

See the code

README

Dante

Rollup Build

Dante is a block editor and renderer built on top of TipTap and ProseMirror. This repository contains the dante3 package and the Next.js website that powers the live demo and documentation.

What you get

  • A React editor surface with configurable blocks, tooltips, and themes
  • JSON and HTML content workflows
  • Renderer and parser helpers for non-editor surfaces
  • Built-in blocks for images, files, embeds, GIFs, dictation, and recorders

Install

npm install dante3

Basic usage

import DanteEditor from "dante3";

export default function Example() {
  return <DanteEditor bodyPlaceholder="Write the next section" />;
}

Website

Run the local demo and docs site:

npm install
npm run dev

The site runs on http://localhost:8080.

Package build

Build the editor package:

npm run dante3:build

Publish

Publish the package from the workspace:

npm run dante3:publish

Documentation

The public docs are backed by the MDX files in packages/dante3/docs.

License

MIT

collaborative-editing
editor
medium-clone
medium-editor
rich-text-editor
wysiwyg
wysiwyg-editor

michelson/Dante

Just another Medium wysiwyg editor clone

TypeScript

2,040

57 commits

updated Aug 23, 2026

See the code

README

Dante

Rollup Build

Dante is a block editor and renderer built on top of TipTap and ProseMirror. This repository contains the dante3 package and the Next.js website that powers the live demo and documentation.

What you get

  • A React editor surface with configurable blocks, tooltips, and themes
  • JSON and HTML content workflows
  • Renderer and parser helpers for non-editor surfaces
  • Built-in blocks for images, files, embeds, GIFs, dictation, and recorders

Install

npm install dante3

Basic usage

import DanteEditor from "dante3";

export default function Example() {
  return <DanteEditor bodyPlaceholder="Write the next section" />;
}

Website

Run the local demo and docs site:

npm install
npm run dev

The site runs on http://localhost:8080.

Package build

Build the editor package:

npm run dante3:build

Publish

Publish the package from the workspace:

npm run dante3:publish

Documentation

The public docs are backed by the MDX files in packages/dante3/docs.

License

MIT

collaborative-editing
editor
medium-clone
medium-editor
rich-text-editor
wysiwyg
wysiwyg-editor

Significant stargazers

Peter Jausovec

279 followers · starred Aug 2022

Joel Hawksley

612 followers · starred Dec 2014

Graham F. Scott

35 followers · starred Dec 2014

Antoine POPINEAU

62 followers · starred Nov 2023