FlexiMark
Next-Level Markdown Preview and Note-Taking for VSCode
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.
- Web Browser Preview: Render Markdown in a browser, with support for JavaScript execution, custom scripts, and styles.
🧩 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.
🧪 Enhanced Markdown Features
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.
🔧 Other Useful Features
- Export to Portable HTML files
- Extending Markdown Syntax
- Collect Admonitions/Alerts under specific categories
🧰 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
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
📚 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.
