Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>AmaranthaNew to Visual Studio Code? Get it now.
Amarantha

Amarantha

Amarantha

|
1 install
| (0) | Free
A rich, source-preserving Markdown/MDX editor for VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Amarantha for VS Code

A rich, source-preserving Markdown/MDX editor for VS Code. Edit as rich text — headings, bold, lists, links, custom JSX components — and the file on disk stays exactly as you wrote it. No silent reformatting on save.

Try the live web demo →

Usage

Amarantha registers as an optional editor for .md/.mdx files — it won't replace VS Code's built-in text editor automatically.

  1. Open a .md or .mdx file.
  2. Right-click the editor tab (or the editor title bar) → Reopen Editor With… → Amarantha.
  3. Use the toolbar in the editor title bar to toggle between rich text and source, show/hide frontmatter, and change typography.

Features

  • Source-preserving. Formatting you didn't touch — list marker style, quote style, line wrapping — isn't rewritten out from under you.
  • Custom components, inline. MDX components like diagrams or embeds render right alongside your prose, driven by a simple JSON config (amarantha.config.json at your workspace root) rather than hardcoded support. Editing that config file gets autocomplete, hover docs, and validation for free.
  • Native VS Code integration. Undo/redo, the dirty indicator, and Ctrl/Cmd+S all come from VS Code itself — the open document is always the source of truth.
  • Image paste/drop. Pasted or dropped images are saved to an assets/ folder next to the document and linked automatically.
  • Typography. Pick from bundled fonts (Geist, Inter, IBM Plex, and more) or your own Fontsource ID / system font.
  • Theme-aware. Colors follow VS Code's own active color theme rather than a separate picker.

Known limitations

  • No dedicated diff view yet — VS Code's built-in plain-text diff still opens for .md/.mdx files via git.

Development

This extension lives in a monorepo alongside Amarantha's other hosts (desktop, web, Chrome). See the repository for the full source and docs/decisions.md for design rationale.

To run from source:

  1. Open the repo root (amarantha-md-editor) as your VS Code workspace — the F5 launch config lives there, pointing at this package.
  2. Press F5 ("Run Amarantha Extension"). This builds the extension (npm run build:vscode) and opens an Extension Development Host window.
  3. In that window, follow the Usage steps above.

Issues and PRs welcome — this project is early and moving fast, so it's worth opening an issue before a large change.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft