livediagram

Feature category

More than boxes and arrows

A diagram is rarely just shapes. Drop in real images, unfurl a link into a card, lay out a table, and reach past boxes for a whole library of icons. The canvas takes whatever you bring it.

  • Images on the canvas
  • Link cards that unfurl
  • Tables, fully editable

Everything in this category

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.

Learn more (opens in a new tab)

Link cards that unfurl

Drop a bookmark and paste a URL: it unfurls into a tidy card with the page title, favicon, and preview image. Click through any time. Turn a reference, a doc, or a related diagram into a card your whole team can follow.

Learn more (opens in a new tab)

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.

Learn more (opens in a new tab)

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.

Learn more (opens in a new tab)

Full-colour technology icons

Build cloud architecture diagrams with brand-accurate icons for AWS, Azure, Cloudflare, and Firebase, plus a vendor-neutral set (Kubernetes, Docker, PostgreSQL, Redis and more), spanning compute, storage, databases, and networking. Search the Technology picker, drop one in, and it lands labelled with its product name.

Learn more (opens in a new tab)

Ready-made components

Drop in a polished composite and skip the busywork: a banner, a hero, a website-style header, an annotated callout, a row of KPI stats, or numbered process steps. Tap to place it or drag to size it; each one follows the tab theme, then ungroups into plain shapes you can edit like anything else.

Learn more (opens in a new tab)

Time to start

No sign up required, no subscriptions or payments of any kind, livediagram is completely free and open source.