See BreznFlow in action.

Six screens from the plugin — the full editor journey from JSON import to published diagram. Or spin up a live WordPress right in your browser and click through yourself.

Try the real plugin in your browser.

A full WordPress instance boots up right here — BreznFlow pre-installed, demo workflows already imported. Nothing is uploaded, nothing is stored. Close the tab and it's gone.

Launch live demo →

  • Runs locally. Sandboxed in your browser via WordPress Playground.
  • No account. No signup, no email, no cookies set by us.
  • Zero persistence. Session data lives in your tab, never hits a server.
  • Plugin pre-loaded. Blueprint installs BreznFlow and sample workflows automatically.

Every screen, in order.

From the first JSON paste to the published frontend — this is the complete editor flow.

BreznFlow admin — Step 1: Import JSON with paste, upload, and URL fetch options
01

Step 1 — Import

Paste the JSON directly, upload a .json file, or fetch it from any public URL. BreznFlow validates the structure before letting you continue — broken workflows never make it into your WordPress.

BreznFlow admin — Step 2: Configure display mode, zoom, theme, and shortcode preview
02

Step 2 — Configure

Pick display mode (visual / info / compact), default zoom, theme, and which actions visitors can perform. The shortcode preview updates live — copy and paste into any post.

BreznFlow admin — Step 3: Live SVG preview with security masking summary
03

Step 3 — Preview & Publish

See the rendered SVG before you publish. A security summary lists every credential, API key, and authorization header BreznFlow masked during import — so you know exactly what leaves your admin.

BreznFlow frontend — interactive diagram with node detail panel open
04

Interactive frontend

Click any node to open a detail panel with parameters, code snippets, and the category color. Zoom with the mouse wheel, pan by dragging, pinch-zoom on touch devices. All rendered as SVG — sharp at any scale.

BreznFlow compact mode — node info box without the diagram canvas
05

Compact & info modes

Not every post needs a full canvas. Switch to mode="info" for a node-list summary, or mode="compact" to drop the toolbar. Perfect for sidebars, inline summaries, or long-form articles.

BreznFlow admin — workflow list with shortcode copy button
06

Workflow admin

All your workflows in one table — node counts, theme, status at a glance. One-click shortcode copy. Edit, duplicate, or delete without leaving the list.

Ready to try it in your own site?

Install from WordPress.org, or kick the tires in the live browser demo first.

Get it on WordPress.org → Launch live demo →