Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

FlowScript Diagrams

kilrkrowkilrkrow62 downloads

Render ```flow code blocks as inline SVG flowcharts using FlowScript.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates2

Render fenced ```flow code blocks as inline SVG flowcharts inside any Obsidian note, powered by FlowScript.

Usage

Create a fenced code block with the language set to flow:

```flow
#start User Visits Page
  Enter Email
  #decision Valid?
    -> yes: #end Welcome
    -> no: Show Error
```

The block renders as an inline SVG diagram in both Live Preview and Reading view.

Syntax

FlowScript uses an indentation-driven DSL. A few key constructs:

Syntax Meaning
#start Label Start node (rounded rect)
#end Label End node (rounded rect)
#decision Label Decision diamond
Plain text Process rectangle
#subprocess, #io, #data, #note Additional shapes
-> yes: Target Named branch
~> Label Dashed / retry edge
#group Name Logical grouping
#lane Name Swimlane column
@direction LR Flow direction (TB, BT, LR, RL)
@theme clean-dark Theme override per diagram

Full syntax reference: kilrkrow/flowscript

Settings

Setting Default Description
Theme Clean (light) Clean (light) or Clean (dark)
Transparent background Off Removes the diagram background so it blends with your vault theme

Installation

Manual

  1. Download main.js, manifest.json, and styles.css from the latest release
  2. Copy them to .obsidian/plugins/flowscript-diagrams/ in your vault
  3. Enable FlowScript Diagrams in Settings → Community Plugins

BRAT (beta)

Add kilrkrow/flowscript-for-obsidian in BRAT.

License

MIT

HealthExcellent
ReviewPassed
About
Render fenced flow code blocks as inline SVG flowcharts in Live Preview and Reading view using the FlowScript DSL. Use indentation-driven syntax to create start/end nodes, decisions, processes, branches, groups, swimlanes, flow direction and theme overrides, plus optional transparent backgrounds.
DrawingVisualizationMarkdown
Details
Current version
0.1.1
Last updated
4 weeks ago
Created
4 weeks ago
Updates
2 releases
Downloads
62
Compatible with
Obsidian 1.0.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
kilrkrowkilrkrowkilrkrow
GitHubkilrkrow
  1. Community
  2. Plugins
  3. Drawing
  4. FlowScript Diagrams

Related plugins

Excalidraw

Visual PKM powerhouse. Create and edit Excalidraw drawings.

Mermaid Tools

Improved Mermaid.js experience: visual toolbar with common elements and more.

Kroki

Render Kroki diagrams.

Markwhen

Create timelines, gantt charts, calendars, and more using markwhen.

AnyBlock

Take any fragment as a block and render it into multiple effects.

Simple mind map

A mind map that combines aesthetics and functionality. 一个颜值与功能并存的思维导图。

Importer

Convert your data to Markdown files you can use in Obsidian. Works with Apple Notes, OneNote, Evernote, Notion, Google Keep, and many other formats.

Advanced Canvas

Supercharge your canvas experience. Create presentations, flowcharts and more.

Outliner

Work with your lists like in Workflowy or Roam Research.

Breadcrumbs

Visualise the hierarchy of your vault using a breadcrumb trail or matrix view.