FlexiMark
Next-Level Markdown Preview and Note-Taking for VSCode
🚀 Overview
FlexiMark is a powerful, extensible Markdown toolkit for Visual Studio Code that redefines what Markdown editing and previewing can be.
With seamless live preview capabilities both inside VSCode and in your web browser, FlexiMark gives you complete freedom over customization, interactivity, and style — using the full power of JavaScript.
Whether you're a developer, writer, student, or researcher, FlexiMark is designed to supercharge your Markdown experience — especially for taking structured, rich notes.
✨ Key Features
🔁 Live Preview
- VSCode Live Preview: View your Markdown instantly as you type.
- Web Browser Preview: Render your Markdown in any browser, powered by JavaScript.
- Use custom scripts, libraries, and styling freely.
- Unmatched flexibility for interactive content and rendering.
🗂️ Smart Note-Taking System
- Designed for Markdown-based note-taking.
- Auto-generate customizable directory structures based on your category tree.
- Create Markdown notes effortlessly, exactly where they belong.
🧩 Flexible File Generation
- Configure prefixes and suffixes for filenames.
- Choose from multiple, customizable templates when creating new notes.
- Get organized without the overhead.
🧪 Enhanced Markdown Syntax
Built on GitHub Flavored Markdown (GFM) with powerful extensions:
- Admonitions / Alerts: Notes, warnings, tips, and more.
- Tabbed Content: Organize information cleanly.
- Mermaid Diagrams: Flowcharts, sequence diagrams, and more.
- abc.js Integration:
- Render and play musical scores directly in your Markdown.
- Supports real-time preview and playback.
📤 Export to HTML
- Convert your Markdown files into standalone HTML.
- Apply custom styles for beautiful, shareable documents.
🧰 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 Wiki.
💬 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.
