What is livediagram?

A free, open-source canvas where teams build diagrams, whiteboards, mind maps and workshops together, in real time, right in the browser.

livediagram is a web app where people build diagrams, whiteboards, mind maps and workshops together in real time. It is a multiplayer canvas in the browser: anyone with access to a canvas can join, see other collaborators' cursors and edits live, and contribute at the same time. The result is a shared visual artifact, a flowchart, an architecture diagram, a mind map, or a brainstorm board, that a team builds together rather than one person authoring and the rest reviewing.

A multiplayer canvas

The heart of livediagram is the canvas. You drop down shapes, connect them with arrows, drag things around, and the diagram takes shape as you work. When more than one person is in the same canvas, everyone sees live cursors, who has what selected, and every change as it happens.

The editor at a glance: a canvas with shapes and arrows, the shape palette, and your live cursor.
  • Shapes and arrows for flowcharts, system diagrams, and process maps. See Shapes and Arrows.
  • Mind maps and brainstorms built from quick, keyboard-driven nodes: Tab adds a child, Enter a sibling. See Mind Maps.
  • Real-time presence so collaborators rarely overwrite each other: an element someone else has selected is locked for everyone else.
  • Tabs to keep related views of one canvas in a single place. See Tabs.
  • Modes for different kinds of work on a tab: Diagram for shapes and arrows, Draw for freehand whiteboarding, and Workshop for running a session such as a retro or workshop, with timers, votes and polls to hand. A mode is how a tab is worked on, so everyone on the tab shares it. See Editor Modes.
  • Templates for retrospectives, flowcharts, mind maps and more, so you rarely start from a blank page. See Templates.

Built for teams who think visually

livediagram is aimed at people who need to think together, visually: engineering teams sketching architecture and sequence flows, product and design teams mapping journeys and information architecture, and cross-functional groups in workshops, planning sessions, and retrospectives. The unit of value is the team, not the single author.

To make that frictionless, the canvas always works without signing in. You can land on a blank diagram, build something real, and hand the link to a colleague who edits it straight away, no account required. See Sharing your canvas.

Everyone in a canvas sees each other's live cursors and presence at once.

Free and open source

livediagram is MIT-licensed and free for everyone. There is no paid tier and no plan to introduce one. It runs at livediagram.app, and the whole codebase is open for anyone to read. Every feature is available to every user. See Why use livediagram?.

The fastest way to understand livediagram is to use it. Open a new diagram and drop in a couple of shapes, no sign-up needed.

Was this article helpful?