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

kilrkrowkilrkrow168 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 months ago
Created
4 months ago
Updates
2 releases
Downloads
168
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.

Simple mind map

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

Markwhen

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

Advanced Canvas

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

Linter

Format and style your notes. Linter can be used to format YAML tags, aliases, arrays, and metadata; footnotes; headings; spacing; math blocks; regular Markdown contents like list, italics, and bold styles; and more with the use of custom rule options.

Breadcrumbs

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

Custom Frames

Turn web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.

Maps

Adds a map layout to bases so you can display notes as an interactive map view.