Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Bionic Markdown PreviewNew to Visual Studio Code? Get it now.
Bionic Markdown Preview

Bionic Markdown Preview

Bionic Markdown

|
1 install
| (0) | Free
Preview Markdown with Bionic Reading and Gradient Reading for faster, more focused reading
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Preview Markdown with Bionic Reading and Gradient Reading for faster, more focused reading - right inside VS Code.

Also available as a web app at bionicmarkdown.com

Features

  • Bionic Reading - Bolds the beginning of each word to help guide your eyes through text faster
  • Gradient Reading - Applies color gradients to make it easier to track lines visually
  • Live Preview - Updates in real-time as you type
  • Fully Customizable - Easily adjust reading settings via the built-in toolbar
  • Collapsible Toolbar - Hide or show the toolbar to maximize your reading space

Usage

  1. Open any Markdown file
  2. Open Command Palette (Cmd+Shift+P / Ctrl+Shift+P)
  3. Run "Bionic Markdown: Open Bionic Preview to the Side"

Or right-click in any Markdown file and select "Open Bionic Preview".

Toolbar Controls

All settings can be adjusted instantly from the toolbar:

Control Description
Leading Number of characters to bold (1-5)
Opacity Opacity of non-bolded text (0-100%)
Gradient Color theme for line highlighting
Font Size Preview font size (12-24px)
Line Height Line spacing (1.2-2.0)

Click the chevron button to collapse or expand the toolbar.

Gradient Themes

Choose from 10 beautiful gradient themes:

  • Ocean, Sunset, Forest, Berry, Lavender
  • Autumn, Mint, Twilight, Coffee, Monochrome

Support

If you find this extension helpful, consider supporting on Ko-fi.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft