Cascadia

Diagrams you can diff, review, and share.

Open CascadiaDocumentation

Sign in with Google or GitHub. No separate account to create.

The text is the source of truth.

Write the diagram. The picture follows.

  • Mermaid diagrams, live preview

    Flowcharts, sequence diagrams, class diagrams, state diagrams, and other Mermaid types, written in a Monaco editor with a live rendered preview beside your source.

  • A DSL layer with source mapping

    A custom DSL layer on top of Mermaid maps the rendered diagram back to your source, so the connection between text and picture stays visible while you edit.

  • Markdown documents

    View markdown documents with diagrams embedded inline. Design notes and their diagrams stay together in one place.

  • Import references

    Reference one diagram from another with imports, so shared definitions live in one file instead of being copied around.

Screenshots

The Cascadia editor: Mermaid source on the left, live rendered diagram on the right.

Manage diagrams the way you manage code.

Workspaces, history, and the people you choose.

  • Multi-file workspaces

    Organize diagrams and documents into workspaces with folders — a small project rather than a pile of loose files.

  • Version history with restore

    Every diagram keeps its version history. Browse earlier versions and restore any of them when an edit goes wrong.

  • Sharing that matches intent

    Keep a workspace private, make it public-read, or open it up public-readwrite. Add collaborators with reader or writer roles, or hand out a public share link.

  • Audit trail

    A record of changes, so you can see what happened in a shared workspace and when.

  • Works offline

    A local cache keeps your work available offline and syncs with the server when you're back online.

  • Export

    Export diagrams as SVG, or export a whole workspace as a zip archive.

Start diagramming.

Open Cascadia

Sign in with Google or GitHub.