The Markdown preview, perfected

Write in the preview.
Keep the source in sync.

Zentra Studio turns the Visual Studio Code Markdown preview into a living document you can edit in place and provide 15+ preveiw templates for reading the document.

Split view inside Zentra Studio: Markdown source on the left, its rendered preview on the right.
1.86+
Minimum VS Code version
In-preview
Editing, without tab switching
15+
Design templates included

Edit the preview.
The source follows.

Every change you make in the rendered document is parsed back into Markdown and applied to the source as a precise, minimal range edit.

Two-way preview editing

Type, split, and restyle in the view. The panes never drift apart. Try it below: edit the source, or tap a style button.

draft.md
# The morning note

Today the light comes in early. Warm and **slanted**, and every thought worth keeping is marked in `inline code`.

- First thought
- Second thought, better

## What stays

A short list of the good parts, written here.
Preview

The floating toolbar <Beta>

Select a phrase and the helpers arrive on demand, clamped to the pane so they never overflow.

  • Inline: bold, italic, strike, inline code
  • Block: H1, H2, H3, lists, blockquote
  • Active formats light up in a pressed state

Live code highlighting

A curated highlight.js subset applies lazily, so large documents scroll smooth.

function greet(name) {
  return `Hej, ${name}`;
}

const now = new Date();
// render only what you can see
  • Fenced blocks light up as they scroll into view
academia

Pick a style and watch this tiny document change. Memory is kept per file.

Open the template gallery

Five documents, five moods

One Markdown,
five quiet rooms.

Restyle the whole page in a keystroke. Your choice is remembered for each file you open.

Sprint
Terra
Solstice
Metro
Academia

Preview all of them inside VS Code

Three quiet steps.

From a file to a flowing document, the whole path stays in one pane.

  1. Open a Markdown file

    A draft, a changelog, a note. Any .md file you already keep.

  2. Open the Zentra Studio preview

    With a shortcut, the title-bar split icon, or the command palette.

    Ctrl+Shift+V

  3. Write in the preview

    Format with the floating toolbar and switch templates freely. The source follows every change.

Set the table in under a minute.

Two ways in, both honest. Pick whichever suits the evening.

From the Marketplace

  1. Open the Extensions view Ctrl+Shift+X
  2. Search for "Zentra Studio"
  3. Select Install

Shortcuts

  • Ctrl+Shift+VOpen the preview
  • Ctrl+Shift+ZOpen to the side
  • Ctrl+K VOpen to the side

Install the extension

Shortcuts fire while a Markdown editor is focused.

Better to ask
than keep it to yourself.

Do I need to leave the source editor?

No. Preview edits round-trip back to source, so both views stay in step.

Will it run with my favorite theme?

Yes. Every template is styled independently of the VS Code theme you are using.

Which VS Code versions are supported?

Version 1.86.0 and later.

Does it handle anything beyond Markdown?

Markdown is the only format supported today, and it is treated with care.

Is Zentra Studio free?

Yes. Free today, and built to stay that way.

Begin here

A quiet home for your Markdown,
inside the editor you already love.

Installs in under a minute, is free under an MIT-style license, and is built to stay that way.

Install the extension

VS Code 1.86 or later.