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.
- VSCode Live Preview: – Instant, side-by-side preview as you type.
- Web Browser Preview: Render Markdown in a browser, with support for JavaScript execution, custom scripts, and styles.
- 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.
Based on GitHub Flavored Markdown (GFM) with advanced extensions:
- Admonitions: Notes, tips, warnings, dangers.
- Tabs: Organize content into neat sections.
- Collapsible Sections: An alternative to
<details>.
- Embedded YouTube Videos:
- Flexible Code Block: Titles, line numbers, highlighting.
- Mermaid Diagrams: Flowcharts, sequences, and more.
Uses this extension for syntax highlighting. - ABC Notation: Render and play sheet music directly in Markdown.
- Realtime render and play sheet music in Markdown.
- Supports live preview, syntax highlighting, and useful snippets.
- Export to Portable HTML files
- Extending Markdown Syntax
- Collect Admonitions/Alerts under specific categories
- Developers maintaining technical notes or documentation.
- Writers and researchers building structured content.
- Musicians using abc notation.
- Anyone wanting a smarter, more interactive Markdown workflow.
Available via the VSCode Marketplace or install manually:
code --install-extension kashiwade.fleximark-
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.
-
Open the VSCode Command Palette and run:
FlexiMark: Initialize Workspace as Note Taking Directory -
Customize your note categories in the generated configuration file.
-
Start writing! Use the Command Palette and select:
FlexiMark: Create New Note
Detailed guides, configuration options, and templates are available in the FlexiMark Official Docs.
FlexiMark is open source and welcomes contributions! Found a bug or have a feature request? Open an issue or submit a pull request.
MIT License. See LICENSE for more details.
FlexiMark — Take Markdown Notes. Preview Your Way.