The Mermaid Tools plugin for Obsidian.md brings a convenient toolbar to your editing experience, making it easier to create diagrams and visualizations using Mermaid.js. With this plugin, you can quickly access common Mermaid.js elements, such as shapes, arrows, and more, without having to remember their syntax. Simply click on an element in the toolbar, and it will be inserted into your editor for further customization. The plugin also includes a settings panel where you can create, edit, delete, and reorder your custom elements, giving you greater control over your diagram-making process. Whether you're creating flowcharts, sequence diagrams, or other types of visualizations, Mermaid Tools simplifies the process and streamlines your workflow.
Obsidian plugins tagged with #mermaid. There are 11 plugins in this collection.
- Rank 14 years ago by dartungar
- Rank 2a year ago by Sean McGhee
The Export Graph View plugin allows users to export metadata from their Obsidian vault as graph files in `.mmd` (Mermaid) or `.dot` (GraphViz) formats. It provides a flexible way to visualize connections between notes and attachments without being restricted to a specific external tool or pipeline. The plugin includes a memory safeguard feature, allowing users to set a maximum node limit to prevent performance issues, particularly for large or complex vaults. Users can access the export feature from the settings menu or the left-hand side panel, making it easy to generate graph-based representations of their vault structure for further analysis or visualization.
- Rank 32 years ago by ChenPengyuan
The Mermaid Popup plugin is a convenient addition to Obsidian, allowing you to display diagrams from various formats such as Mermaid, PlantUML, and Graphviz in a zoomable and draggable popup. With this plugin, you can easily view and interact with your diagrams without taking up too much space on the page. The popup is accessible through a customizable hotkey or by clicking an open button at the top of the screen. You can then use your mouse, touch gestures, or UI buttons to zoom in/out, drag the diagram around, and even close it when you're done.
- Rank 46 months ago by toshs
The Mermaid Icons plugin fixes Font Awesome icon rendering in Mermaid diagrams and extends support to additional icon sets. While Mermaid natively supports Font Awesome syntax, the icons don't render properly in Obsidian without this plugin. It loads the necessary stylesheets and fonts. Beyond fixing Font Awesome, it bundles popular icon sets like SVG Logos and Lucide icons letting you use them with custom prefixes (`logos:icon-name`, `lucide:icon-name`). A fuzzy search modal triggered by `Cmd+Shift+m` helps you quickly find and insert icons.
- Rank 52 months ago by somesanity
The draw.io plugin adds the draw.io editor inside Obsidian and keeps the workflow local, with no internet requirement and a small local server handling the app. It supports interactive diagrams in reading mode, where shapes can open notes, external links, or attached markdown fragments. Diagrams can also hold richer embedded content, including markdown based blocks rendered inside the canvas. The plugin includes native Mermaid and LaTeX support from draw.io, and it can place diagrams inside Canvas with links and fragment driven content intact. Editing can be opened from commands, keyboard shortcuts, or context menus, so diagrams stay part of the normal note flow instead of becoming a separate export step.
- Rank 62 months ago by davidlam-oss
The Wechat Converter plugin turns Markdown notes into formatted WeChat articles with a live preview, rich HTML copy flow and direct draft sync for multiple Official Account profiles. It keeps layout details intact across code blocks, math, Mermaid diagrams, callouts, wide tables, local images and GIFs, while frontmatter can supply cover and excerpt data for publishing. The plugin also syncs notes to Feishu cloud documents with rebinding and overwrite support and can hand articles to the Obsidian Publisher browser extension for beta distribution to other platforms. A visual settings panel controls themes, typography, quote styles and preview behaviour. It also includes AI layout planning, cached layout reuse and punctuation normalization for rendered Chinese text without changing the source note.
- Rank 72 months ago by zsviczian
The Excalidraw Extras plugin is a companion package for the main Excalidraw plugin rather than a standalone tool. It pulls heavy dependencies and higher privilege operations out of the core package, including MathJax to SVG rendering, Mermaid conversion, PDF printing and APIs that need file system, network or Electron IPC access. That split keeps the main drawing plugin smaller and within stricter community security limits, while still letting advanced features load when they are actually needed.
- Rank 83 years ago by jvsteiner
The Mermaid Themes plugin allows Obsidian users to customize and apply themes to their mermaid.js diagrams. Users can either provide a complete mermaid theme object or modify specific parts of the base theme, with the plugin merging changes seamlessly. This enhances the visual appeal of diagrams by supporting advanced theming options. Users are required to use an alternative code block label (`merm`) instead of the default `mermaid` to integrate themes. The plugin leverages mermaid.js theming features, providing a flexible way to improve diagram aesthetics in notes.
- Rank 910 days ago by xiaozhuang0433
The Mermaid Zoom plugin adds zoom, pan and resize controls to Mermaid diagrams with separate handling for inline and fullscreen views. It wraps each rendered diagram in a resizable container, supports click and drag panning, pinch to zoom on mobile and quick controls for zooming in, zooming out, reset and fullscreen. Wheel zoom is opt in for each inline diagram so page scrolling still works normally, while fullscreen mode keeps wheel zoom active. The plugin also shows the current zoom level, lets you set a default zoom percentage from 50% to 300% for newly rendered diagrams and caches original SVG dimensions so reset and resize behaviour stays consistent. Zoom range runs from 10% to 500%.
- Rank 1014 days ago by grafanakibana
The Tabsdown plugin adds tabbed content blocks to notes using ordinary Markdown fences instead of custom page layouts. It renders each tab through the normal Markdown pipeline, so links, embeds, callouts, math, Mermaid diagrams and compatible community plugin blocks can live inside the same switchable view. The plugin stays interactive in Reading View and in Live Preview when the cursor is outside the block, while Source Mode keeps the raw fenced text visible. It also supports nested tabs, optional Lucide icons, theme aware styling, Style Settings controls and keyboard friendly tab semantics. When the source is malformed, it shows a diagnostic instead of hiding the content, which makes broken blocks easier to fix.
- Rank 112 years ago by huterguier
The Mehrmaid plugin extends the capabilities of Mermaid-JS codeblocks in Obsidian, allowing users to render Obsidian-generated markdown inside Mermaid node labels. This feature supports a variety of markdown elements, including links, tags, codeblocks, and Mathjax expressions. Users can create complex diagrams with customizable node contents, including embedded images, formatted text, and mathematical formulas. Mehrmaid simplifies the process of visualizing data and relationships within Obsidian notes, making it a useful tool for creating dynamic, interactive charts directly from markdown syntax.