Feature category
Customise it your way
Make every diagram yours: start from a template, recolour with a colour scheme, set the type and the backdrop, and shape every border, arrow, and block the way you want it.
- Forty-eight starter templates
- Twenty-six preset colour schemes
- Build your own colour scheme
Everything in this category
Templates & colour schemes
Forty-eight starter templates
Mind maps (radial, tree, and bubble), org charts, retrospectives, flowcharts — plus swimlane, decision-tree, approval, and data-flow variants — Kanban, roadmaps, user story maps, affinity maps, RACI matrices, SWOT, empathy maps, Business Model Canvases, funnels, timelines (plain, plus horizontal and vertical milestone), Gantt, Venn, user journeys, fishbone, pyramids, OKR trees, sitemaps, flywheels, prioritization matrices, comparison tables, storyboards, ER / sequence / class / state-machine / system- and cloud-architecture diagrams, event storming, logo design, a live card, a to-scale floor plan, and mobile / laptop / web-page / slide-deck wireframes. Pick one, edit it, or start blank.
Twenty-six preset colour schemes
Default, Forest, Ocean, Sunset, Rose, Midnight, Mono and a dozen more — plus multi-colour Rainbow, Pastel, Tropical, Autumn, and Jewel schemes that tint each branch a different hue. One click recolours the canvas, every shape, and every arrow. Default has a light and a dark half, and follows your own appearance.
Build your own colour scheme
Need your brand palette, a house style, or a notation that is not in the list? Build a custom colour scheme, save it to your account, and reuse it across diagrams just like a built-in one. Edit it any time, and guests get them too.
Canvas & type
Set the canvas backdrop
Switch the canvas background between fourteen backdrops, from plain, grid, and lines to crosshatch, waves, isometric, and engineering. Each colour scheme and template picks a fitting default.
Eleven fonts
Set the typeface per element or as a tab-wide default, from eleven Google Fonts spanning sans, serif, slab, display, mono, and handwriting. New tabs inherit it, so a diagram reads consistently.
Organise in folders
File diagrams into nested folders in the explorer. Recent diagrams stay one click away; everything else lives where you put it.
Shapes & connectors
A shape for everything
Fourteen core shapes — flowchart blocks plus an actor, cloud, triangle, star, and speech bubble — a section frame that carries whatever you draw inside it, and six device frames (browser, monitor, laptop, phone, tablet, smartwatch). 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.
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. When several arrows meet at the same point, the heads fan out side by side instead of piling up.
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.
Explore more of livediagram
- Simple by design, powerfully deep
- Invite your team to collaborate
- Presentation tools built right in
- Bring the canvas to life
- Keep your work tidy
- Work across tabs
- Diagrams you can rely on
- More than boxes and arrows
- Draw, write, and annotate
- The canvas does the fiddly parts
- Connect your tools and AI
- Open source. Self-hostable. No lock-in.
Time to start
No sign up required, no subscriptions or payments of any kind, livediagram is completely free and open source.