Skip to main content
Plant Together Hero Light

What is Plant Together?

Plant Together is a collaborative PlantUML editor that enables teams to create UML diagrams in real-time. Whether you’re designing sequence diagrams, use case diagrams, or any other PlantUML diagram type, Plant Together makes collaboration seamless and instantaneous. Built with modern web technologies, Plant Together runs entirely in your browser with support for offline editing and automatic sync when you reconnect.

Key Features

Real-time Collaboration

Multiple users can edit the same diagram simultaneously using Yjs CRDT technology for conflict-free merging

Live Diagram Preview

See your PlantUML diagrams rendered in real-time as you type, with zoom and pan capabilities

Public & Private Rooms

Control who can access your diagrams with flexible access control for public and private rooms

SVG Export

Export your completed diagrams as high-quality SVG files for use in documentation and presentations

Offline Sync

Continue editing when disconnected - your changes automatically sync when you reconnect

Monaco Editor

Familiar VSCode-style editing experience with syntax highlighting and keyboard shortcuts

Guest Access

Jump right in without creating an account, or sign up for persistent access to your rooms

WebSocket Updates

Lightning-fast updates delivered via WebSocket connections for instant collaboration

How It Works

Plant Together leverages cutting-edge web technologies to deliver a seamless collaborative experience:
  • Yjs CRDT - Conflict-Free Replicated Data Types ensure that multiple editors can work simultaneously without conflicts
  • PlantUML Core - Pure JavaScript implementation runs entirely in your browser using WebAssembly
  • Monaco Editor - The same editor that powers VSCode, with native Yjs bindings
  • WebSocket Server - Real-time communication with fallback to cross-tab communication
Plant Together was created to facilitate easier collaboration on PlantUML diagrams for coursework, allowing any number of people to work on the same diagram together.

Use Cases

Collaborate on sequence diagrams, class diagrams, and component diagrams during architecture planning sessions
Create and maintain technical documentation with team members contributing diagrams in real-time
Students can work together on UML assignments and coursework, making group projects more efficient
Distributed teams can brainstorm and design systems together, seeing changes as they happen

Getting Started

Ready to create your first collaborative diagram? Check out the Quickstart guide to get up and running in minutes.

Quickstart Guide

Create your first collaborative PlantUML diagram in under 5 minutes

Build docs developers (and LLMs) love