Skip to content
| Marketplace
Sign in
Visual Studio Code>Notebooks>FlexiMarkNew to Visual Studio Code? Get it now.
FlexiMark

FlexiMark

Preview

Kashiwade

|
14 installs
| (0) | Free
Flexible Markdown Preview and Note Taking for VSCode. Supports ABC Notation, Mermaid Diagrams, and more.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
FlexiMark Logo

FlexiMark

Next-Level Markdown Preview and Note-Taking for VSCode

Marketplace Version

top_demo

Getting Started

English | 日本語

🚀 Overview

FlexiMark transforms Markdown in VSCode into a fully-customizable, interactive workspace.
Write, preview, organize, and present your notes — all without leaving your editor.

  • ⚡ Instant Live Preview in both VSCode and your web browser
  • 🎨 Customizable Layouts & Styles using full JavaScript/CSS power
  • 🧩 Extended Markdown Syntax: tabs, admonitions, diagrams, sheet music, and more
  • 📂 Smart File Management for effortless note organization

Whether you’re a developer, writer, researcher, or student, FlexiMark makes your Markdown workflow faster, clearer, and far more flexible.

✨ Key Features

🔁 Live Preview

  • VSCode Live Preview: – Instant, side-by-side preview as you type. VSCode Live Preview
  • Web Browser Preview: Render Markdown in a browser, with support for JavaScript execution, custom scripts, and styles.
    Web Browser Preview

🧩 Flexible File Generation

  • Auto-generate customizable directory structures based on your category tree.
  • Configure prefixes and suffixes for filenames.
  • Choose from multiple, customizable templates when creating new notes.
  • Stay organized with minimal effort.

Flexible File Generation

🧪 Enhanced Markdown Features

Based on GitHub Flavored Markdown (GFM) with advanced extensions:

  • Admonitions: Notes, tips, warnings, dangers. Admonitions
  • Tabs: Organize content into neat sections. Tabs
  • Collapsible Sections: An alternative to <details>. Collapsible Sections
  • Embedded YouTube Videos: Youtube iframe
  • Flexible Code Block: Titles, line numbers, highlighting. Code Block
  • Mermaid Diagrams: Flowcharts, sequences, and more. Mermaid Supports Uses this extension for syntax highlighting.
  • ABC Notation: Render and play sheet music directly in Markdown. ABC Notation
    • Realtime render and play sheet music in Markdown.
    • Supports live preview, syntax highlighting, and useful snippets.

🔧 Other Useful Features

  • Export to Portable HTML files
  • Extending Markdown Syntax Extending Markdown Syntax
  • Collect Admonitions/Alerts under specific categories Collect Admonitions

🧰 Ideal For

  • Developers maintaining technical notes or documentation.
  • Writers and researchers building structured content.
  • Musicians using abc notation.
  • Anyone wanting a smarter, more interactive Markdown workflow.

📦 Installation

Available via the VSCode Marketplace or install manually:

code --install-extension kashiwade.fleximark

🚀 Getting Started

  1. Set up a new workspace for your FlexiMark notes.

    If you're migrating from the VSCode Note Taking Extension, use the Migration Tool to carry over your existing notes.

  2. Open the VSCode Command Palette and run: FlexiMark: Initialize Workspace as Note Taking Directory

  3. Customize your note categories in the generated configuration file.

  4. Start writing! Use the Command Palette and select: FlexiMark: Create New Note

📚 Documentation

Detailed guides, configuration options, and templates are available in the FlexiMark Official Docs.

💬 Feedback & Contributions

FlexiMark is open source and welcomes contributions! Found a bug or have a feature request? Open an issue or submit a pull request.

📄 License

MIT License. See LICENSE for more details.


FlexiMark — Take Markdown Notes. Preview Your Way.

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