livediagram

A picture tells a thousand words, tell your story.

Turn any idea into a clear diagram in minutes. Build it with your team in real time, then share it with a single link.

No sign-up required. The canvas opens straight away.

Simple by design, powerfully deep

The simple path is the default: open a link and draw. The depth is there the moment you reach for it, and you never trade one for the other.

Start in one click

No install, no account, no blank-canvas dread. Land on a link and you're drawing in seconds.

Looks simple, runs deep

A clean canvas hides serious range: groups, locks, the format painter, arrows that track, and links across tabs.

Multiplayer, no setup

Share one link and the whole team is on the canvas live, with cursors, presence, comments, and an activity log you can rewind. No seats to buy, no setup.

Works on any device

It runs in the browser, so there is nothing to install. Open the same diagram on your laptop, desktop, or tablet and pick up where you left off.

Nineteen starter templates

Blank, Mind map, Org chart, Retrospective, Flowchart, Kanban, SWOT, Timeline, Gantt chart, plus Venn, User journey, Fishbone, Pyramid, Flywheel, Logo design, Live card, and Mobile / Laptop / Slide-deck wireframes. Pick one, edit it, or start blank.

Twenty-one preset themes

Brand, Slate, Forest, Sunset, Ocean, Crimson, Midnight and a dozen more — plus multi-colour Rainbow themes that tint each branch a different hue. One click recolours the canvas, every shape, and every arrow.

Eight fonts

Set the typeface per element or as a tab-wide default, from eight Google Fonts spanning sans, serif, slab, mono, and handwriting. New tabs inherit it, so a diagram reads consistently.

Import a Markdown outline

Bring an outline in from XMind, Obsidian, or any notes: headings and nested bullets become a tidy, themed node-link tree. Pick Markdown in the import dialog — it builds onto the current tab, and one undo takes it back.

Keyboard shortcuts

The moves you repeat have keys: undo and redo, delete, switch tools, and drop a shape, arrow, sticky, or text without reaching for the palette. Hold Cmd and the palette shows each key. A built-in cheat sheet lists them all, and you can switch them off per device.

Invite your team to collaborate

Diagrams stay private until you share. Everyone you invite shows up on the canvas in real time, with live cursors, comments, and presence.

Editor or view-only links

Create an editor link for collaborators or a view-only link for stakeholders who should watch, not touch. Run as many links as you like, side by side. Any link also embeds read-only in your wiki, Notion, or docs: copy the iframe snippet from the Share dialog.

Teams with a shared library

Create a team, invite people by email, and everyone gets a shared folder of diagrams they can all open and edit. Admins manage membership and roles; members just get to work. Sign in to set one up, the canvas itself never needs an account.

Live presence

See who is in the diagram from the participant avatars on each tab. Status rings show online, away, or stale.

Edits land live

The moment someone makes a change, everyone sees it. If two people edit the same thing at once, the most recent change is the one that sticks.

See what others are working on

Click an element and your collaborators see your colour glow on its border, plus your initials in the corner, in real time.

Comments on any element

Right-click an element, leave a thread. Replies, resolve, delete. Comments carry the author's name and colour so it's clear who said what.

Laser pointer for presenting

Switch to the laser tool and your cursor leaves a glowing trail everyone can see. Point at the thing you mean while you talk it through. Trails fade on their own.

Links that expire on their own

Give a share link a lifetime when you create it: a week, a month, six months, or never. When it lapses the URL stops working on its own, no cleanup to remember, and you can extend it for another run or delete it for good.

Stop sharing on demand

Sharing is a toggle, not a state of being. Revoke a link and the URL stops working. The diagram is yours again.

One canvas, many jobs

What will you draw first?

From a quick flowchart to a full system map, the same canvas stretches to whatever you need. Browse a few of the things teams build with it.

Flowcharts & process maps

Map a process step by step, branch on decisions, and let arrows re-route themselves as you move things around.

Keep your work tidy

Work fast and stay organised: select in bulk, group and lock elements, copy a look from one to the next, and file diagrams into folders.

Multi-select with marquee

Switch to the Select tool, drag a box, and act on everything inside at once: move, duplicate, or delete in one step, one Cmd-Z.

Group elements together

Bundle shapes into a group so they move, lock, and delete as one. Ungroup any time to work on a single piece again.

Lock anything in place

Lock an element, or a whole tab, and it turns read-only, so a finished part of the diagram cannot be nudged or edited by accident.

Format painter

Copy one element's look, its size, colours, text style, opacity, and padding, then brush it onto the next. Consistent diagrams without re-picking every option.

Organise in folders

File diagrams into nested folders in the explorer. Recent diagrams stay one click away; everything else lives where you put it.

Light or dark, your call

Flip the whole editor to a dark theme with one toggle. Toolbars, panels, dialogs, and menus all come along, and the choice sticks per device. The canvas stays crisp either way.

Panels your way

Prefer floating side panels or a clean canvas? Switch on the minimal layout and the palette and tools collapse into a compact dock with pop-out panels, the same tidy chrome you get on mobile. The choice sticks per device.

Zen mode for focus

Hit Z, or the zen button by the laser pointer, and every toolbar, panel, and tab bar drops away, leaving just your canvas. Only the zoom controls stay, with an exit button right beside them. Press Z or Esc to bring it all back.

One diagram, as many tabs as it takes

Every diagram is a stack of tabs, each its own canvas. Split a big system across them, link between them, copy them between diagrams, and lock the ones that are done.

Unlimited tabs per diagram

Add as many tabs as a diagram needs. Each is its own canvas with its own theme, and nothing slows down as the stack grows.

Link elements across tabs

Point any element at another tab. Click it and you land on that tab, so a sprawling system stays one click to navigate.

Reuse a tab in another diagram

Copy a tab's full contents into another diagram you own, as a ready-made starting point you can take further.

Lock a tab

Lock a tab and everything on it becomes read-only. Adds, edits, and theme changes are blocked until you unlock it.

Reorder and tell them apart

Drag tabs into any order. Each one is colour-coded by its theme, so the right canvas is easy to spot.

Group tabs into folders

Big diagram, lots of tabs? Group related tabs into named folders along the tab bar and collapse the ones you are not using. Drag a tab in or out, and a folder opens on its own when you work in it.

Diagrams you can rely on

Your work saves itself, steps back when you slip, and comes back exactly as you left it. Nothing to remember, nothing to lose.

Autosave, always on

Every change saves on its own as you work, with a status that shows saving, saved, or a problem. There is no save button to remember.

Undo and redo

Back out a recent edit with Cmd-Z, or bring it back with Cmd-Shift-Z. For anything older, the activity log can revert a specific change.

Activity log with one-click revert

Every tab keeps a running log of who changed what. Hit revert on any entry to undo just that change, even after later edits, without disturbing the rest.

Survives a refresh

Every save is durable through the API. Close the tab, reload, and your diagram comes back exactly as you left it.

Your diagrams, on every device

Sign in for free and your diagrams follow you. Open the same ones on your laptop, tablet, or phone, always up to date.

Find anything, fast

Open search and jump straight to any diagram, folder, tab, or element by name. Matches group as you type, and Enter lands you on the first hit.

Privacy by design

Your data, your call

We don’t make money by being creepy. No third-party trackers, no ads, no resale, no surprise audience. Just a diagram editor that treats your work like your work.

No third-party analytics

No Google Analytics. No Segment. No marketing pixels. The only product telemetry is anonymous, first-party events served from our own API, with every event we measure listed publicly on /telemetry.

Your data is yours

Every diagram lives in your own row, scoped to your owner id. Export the whole thing to JSON or PNG whenever you like, and delete your account from settings to remove it all in one go. We don't make money by holding it hostage.

Never sold, never traded

We don't sell your data. We don't trade it. We don't share it with advertisers or model trainers or anyone else. There is no paid tier and no plan to add one, so we have no commercial pressure to monetise what you draw.

Encrypted at rest and in transit

All persistence runs on Cloudflare D1 + R2, which encrypt every row and blob at rest with AES-256. Every request is TLS, end to end. The same protections protect telemetry, share links, and uploaded images.

Private by default

A new diagram is visible only to you until you generate a share link. Share links are unguessable codes you choose to hand out: protect them with a password, set them to expire automatically after a week, a month, or six months, or revoke them at any time, instantly disconnecting anyone currently using one.

Open source, auditable

The whole stack (editor, API, this site) is on GitHub under the MIT license. Anything we claim here, you can read in the source. Run your own copy if you prefer, on your own Cloudflare account, in an afternoon.

Read the full privacy policy or check the live telemetry dashboard.

As versatile as your ideas

A diagram is rarely just boxes and arrows. Reach for the right shape, dress it your way, pin a note, set the backdrop, and drop in real images. The canvas bends to whatever you're making.

An optional AI assistant

Switch it on and describe what you want: Build drafts new elements and edits existing ones, Clean tidies sizes and labels, while Ask and Review answer questions and critique what you have. It works from your selection or the whole tab, and one undo takes it all back. Off by default, and self-hosters bring their own key.

Images on the canvas

Drag, drop, or paste a PNG, JPEG, WebP, or GIF straight onto the canvas. Resize and arrange it like any other element. Everything you add lands in your own gallery, ready to reuse in any diagram without uploading twice.

Tables, fully editable

Drop a table and double-click any cell to type. Insert or delete rows and columns from the cell menu, toggle a header row and a header column, recolour the headers (or reset them to the theme), drag the dividers to set column widths, and pick the cell padding. It lays out and recolours with the rest of the canvas.

A shape for everything

Ten core shapes plus browser, monitor, laptop, phone, and tablet frames. Click to drop one, or drag to draw it at the exact size you want, snapped to line up with its neighbours. A flowchart one minute, a screen the next.

A library of icons

Reach past boxes and arrows: drop a clean single-colour icon, servers, databases, clouds, users, and more, from the icon picker. Each one recolours with the theme and styles like any other shape, so an architecture diagram reads at a glance.

Arrows that bend your way

Connect anything with straight, curved, or angled arrows. Drag the handle on a curve to reshape its bow, or on an elbow to move the bend. Set the thickness, choose the arrowhead shape, filled or hollow triangle, line, circle, or diamond, for UML-style connectors and size it, add a label, and pin an end to a shape so it follows when things move.

Rotate to any angle

Grab the rotate handle above a selected shape and turn it. It snaps to neat 15° steps, or hold Shift for free rotation, and pinned arrows keep tracking the shape as it turns.

Guides that line things up

Move or resize a shape and faint guide lines light up the moment an edge or centre lines up with a neighbour, so you can see exactly why it snapped and lay things out cleanly on a busy canvas. The lines match your theme and fade the instant you let go. Switch them off in Settings if you want a bare canvas.

Sketch freehand, or let it snap to shape

Grab the Pencil, or press F, and draw freehand straight on the canvas; strokes pick up the tab's theme like everything else. Switch on shape recognition and a rough rectangle, circle, diamond, or line becomes a clean shape the moment you lift the pen.

Notes on any element

Pin a note to any shape for the context that should not clutter the canvas. It travels with the element and opens when you need it.

Style every border

Set border strength, switch between solid, dashed, and dotted, and round the corners as much or as little as the shape calls for.

Set the canvas backdrop

Switch the canvas background between thirteen backdrops, from grid and lines to crosshatch, waves, isometric, and engineering, or none at all. Each theme and template picks a fitting default.

Open source. Self-hostable. No lock-in.

MIT-licensed. Static frontend + Cloudflare Workers backend. Run it on your own account in an afternoon. Or use the hosted version, your call.

MIT licensed

The whole thing (editor, API, marketing site) is on GitHub under the MIT license. Fork it, rebrand it, ship your own variant.

No servers to babysit

Static-export frontend deploys to Cloudflare Workers; the API is a Worker with D1 + Durable Objects. No VMs, no containers, no nightly restarts.

No tracking pixels

No third-party analytics, no ad pixels, no SDK calls home. The only usage data is anonymous, first-party product events, and they are public: see exactly what we measure on the telemetry page.

Time to start

No sign-up wall. No credit card. The editor opens in your browser and remembers the diagram next time you visit.