Markdown Studio's source is now on GitHub, under CC BY-NC 4.0.Read the code

Markdown StudioPerssonify Labs
Source available · CC BY-NC 4.0

One document. Two ways in.

Write Markdown, or shape the formatted page directly. Both panes are real editors working on the same document, so they stay in step as you type and what you save is real Markdown.

Start writing, It's Free!View the source on GitHub

Sign in with Google to sync your library. Or clone the repo and run it with no account at all.

Standing on open source

CodeMirrorTiptapProseMirrorKaTeXMermaidabcjsReactTypeScriptBun
How it works

Not a preview. A second editor.

Most Markdown tools give you a text box and a picture of the result. Here, both panes edit the same structured document underneath. Change either one and the other is rebuilt from it, so the two can't drift apart.

  1. Type the way you think
    Headings, lists and tables in plain Markdown, in a code editor built on CodeMirror 6.
  2. Fix it where you see it
    Tick a checkbox, add a table row or change a formula right on the formatted page.
  3. Keep real Markdown
    Tables, task lists, math, Mermaid diagrams and callouts come back as tidy Markdown. Coloured text? One switch strips styling for fully portable files.
Built in, not bolted on

Equations, diagrams and sheet music. No plugins.

Write LaTeX and watch KaTeX typeset it, with a live preview while you compose. Sketch flowcharts in Mermaid and edit them in place. Even ABC music notation renders as a proper score.

  • Math, inline and display, with a formula dialog that previews as you type
  • Mermaid diagrams
  • ABC music notation
  • Callouts: Note, Tip, Important, Warning, Caution
  • Tables with a grid picker
  • Clickable task lists, nested ones too
  • Collapsible sections
  • Emoji by shortcode
Linked notes

Your notes, wired together.

Type [[ and a note's name to link it, or [[Note#Heading]] to point at one section. Every note shows what links in, what links out and which links are broken. Step back and the relationship map draws your whole library as a web you can search and filter.

  • Backlinks, outgoing links and broken links for every note
  • A relationship map with folders drawn as clusters
  • Filters for unlinked notes and broken links
  • Rename a heading and update every link that points to it
Peace of mind

Built so your work doesn't vanish.

Autosave runs within seconds of every change. Each note keeps its own undo history and a trail of saved versions you can restore in place or as a copy. Delete a note by mistake and it stays recoverable for up to 30 days. And an empty editor is refused if it tries to save over a full document.

  • Autosave on every note
  • Undo history that survives switching notes
  • Version history, restore in place or as a new note
  • Signed in, earlier versions are also kept in your account for 30 days
  • Open a note in two tabs and they stay in step; if both change, you choose which version to keep
Three ways to see your library

Write it. Catch it. Connect it.

Editor
Split, Markdown only or formatted only. Drag the divider where you like, and keep both panes scrolled to the same heading.
Cards
Every note as a card. Capture a thought in one tap, turn it into a checklist, give it a colour, pin it to the top.
Map
Every note a node, every link a line, every folder a cluster. Focus on one note or open it straight from the map.
The details

The small things, done properly.

Find that means it
Regex, match case and whole word, plus Markdown pane filters like headings only or skip code. Bold, highlight or change the case of every match at once.
Works offline
One visit caches the whole app, so it opens and runs with no connection, installed or not.
Installs like an app
Add it to your dock or home screen and launch it like anything else.
Right-to-left aware
Arabic, Hebrew and mixed-language paragraphs each take their own direction.
Your look
Light, dark or system, six accent colours, and adjustable font size, line height and reading width.
Focus mode
Dims the interface so only your writing stands out.
Phone friendly
Panes stack when you hold it upright and sit side by side when you turn it. Controls are sized for fingers.
Accessible
Keyboard-operable library, screen reader announcements, alt text prompts for images and a skip-to-editor link.
A tour on day one
A seven-step walkthrough on first launch, and a searchable help page whenever you need it.
Import and export

Bring everything. Take everything.

Drop in Markdown, HTML, plain text, Word documents, or whole ZIP and TAR archives, password-protected ZIPs included. Paste a link from GitHub, Google Drive or Dropbox and it arrives as a note. Copy from a web page and the formatting comes along, cleaned up. When it's time to leave, take any note with you, or your entire library as one ZIP with its folders intact.

Start writing
Comes in
  • Markdown
  • HTML
  • Plain text
  • Word (.docx)
  • JSON
  • ZIP, TAR and tar.gz archives
  • Links from GitHub, Google Drive and Dropbox
Goes out
  • Markdown
  • HTML
  • Word (.docx)
  • PDF, through your browser's print dialog
  • JSON
  • Your whole library as a ZIP
Open source

Nothing hidden. Including the code.

All of Markdown Studio is on GitHub under CC BY-NC 4.0: the editor, the sync API and the database schema. Read how it works, run it on your laptop, use it in your non-commercial projects, or send a pull request.

Run it locally
No database, no API keys, no Docker. It opens with starter notes saved in your browser.
git clone https://github.com/Perssonify/Markdown-Studio.git
cd Markdown-Studio
bun install --frozen-lockfile
bun run dev
Host your own
Build the editor as a static site and serve it anywhere, with no backend and no accounts. Add Postgres, S3 and Google sign-in when you want sync.
Help build it
Pick up a good first issue, fix a bug or translate the interface. More than 2,700 tests and real-browser runs in Chromium, Firefox and WebKit check every pull request.

CC BY-NC

License

2,700+

Automated tests

3

Browser engines in CI

0

Trackers

Star on GitHubRead the contributing guide
Contributors

The contribution wall. Everyone who helped build it.

Every pull request that lands puts its author on this wall, straight from GitHub. Fix a bug, tidy the docs or translate the interface, and your face shows up here too.

Find a good first issueSee every contributor on GitHub
Pricing

Costs nothing. Hides nothing.

The hosted app is free and the code is on GitHub under CC BY-NC 4.0. A Pro plan with more room is on the way.

Free

$0per month

Everything you need to write, hosted for you.
Start writing
  • Unlimited notes
  • Sync across your devices
  • Share links with images included
  • Version history on every note
  • Import and export, including Word and PDF
Pro
Coming soon

Soon

For bigger libraries and a longer memory.
Get notified
  • Everything in Free
  • More storage for images and backups
  • Longer version history
  • Priority sync and support
  • Early access to new features
Self-hosted
CC BY-NC 4.0

$0

Run it yourself, for non-commercial use.
View on GitHub
  • The full source on GitHub
  • A static editor with no account needed
  • Optional sync with your own Postgres, S3 and Google sign-in
  • React component and iframe embed
  • Your theme, chrome and storage
FAQ

Questions, answered.

See your next draft both ways.
Open Markdown Studio in your browser, or clone it and make it your own.
Start writing freeStar on GitHub