Typodown

An open source markdown editor inspired by Typora, inside VSCode.

Typodown renders markdown inline as you type, so there is no split preview to keep in sync. Put your caret on a heading, bold term, link or code span and the raw markdown shows up for that construct only.

⚡️ Live demo →

Features

• Edit the rendered markdown directly, with the raw syntax revealed under the cursor.
• GitHub Flavored Markdown: GFM alerts (> [!NOTE]), checkbox lists, editable tables, images, links, YAML front matter and raw HTML.
• LaTeX maths with KaTeX (inline $...$ and block $$...$$) and Mermaid diagrams.
• The usual shortcuts: Ctrl/⌘+B bold, Ctrl/⌘+I italic, Ctrl/⌘+K link, Tab / Shift+Tab indent, Ctrl/⌘+Z undo / redo.
• Follows your VSCode color theme by default, or pin it to a GitHub-like light or dark theme.
• Built on the @vemonet/typodown library.

Usage

Open any .md file, then launch the editor from:

• the Open with Typodown button in the editor title bar,
• the explorer right-click context menu, or
• the command palette (Typodown: Open with Typodown / Open with Typodown to the Side).

The text file stays the only source of truth, so Typodown works alongside VSCode's text editor, source control and undo/redo.

To make it the default editor for Markdown, run View: Reopen Editor With... → Configure default editor for *.md.

Settings