Copy/paste-ready diagram components for tldraw — the infinite canvas whiteboard. Build UML diagrams, architecture diagrams, and flowcharts faster by reusing pre-made elements.
- Zero setup — Just copy and paste, no plugins or extensions needed
- Growing library — UML, architecture, flowchart elements and more
- Community-driven — Contribute your own diagram components
- Browse the snippet categories below
- Expand the "Copy/paste snippet" section under any element
- Copy the HTML code block
- Paste directly into tldraw.com (Ctrl/Cmd + V)
The element appears on your canvas instantly — ready to use, resize, and customize!
| Category | Elements | Description |
|---|---|---|
| Robustness Diagram | Boundary, Controller, Entity, Actor, Use Case | OOAD robustness analysis elements |
| Class Diagram | Class | UML class diagram elements |
| Infrastructure | Queue, Database, Server, Device, Load Balancer | Infrastructure diagram components |
| Icons | GitHub, Docker, Lambda, Redis, Kubernetes, RabbitMQ, Nginx, PostgreSQL | Brand and technology icons |
| Misc | User, Cancel, Magnifying Glass, Bookmark, Tag, Computer, Envelope | General-purpose diagram elements |
Boundary · Controller · Entity · Actor · Use Case
Class
Queue · Database · Server · Device · Load Balancer
GitHub · Docker · Lambda · Redis · Kubernetes · RabbitMQ · Nginx · PostgreSQL
User · Cancel · Magnifying Glass · Bookmark · Tag · Computer · Envelope
This snippet library is perfect for:
- Software architects designing system diagrams
- Developers documenting microservices and APIs
- Students learning UML and OOAD concepts
- Teams collaborating on whiteboard diagrams
- Anyone who uses tldraw for diagramming
Creating consistent diagram elements from scratch is time-consuming. This library provides:
| Without Snippets | With Snippets |
|---|---|
| Draw shapes manually | Copy → Paste → Done |
| Inconsistent styling | Uniform, professional look |
| Recreate common elements | Reuse proven components |
| Start from zero | Build on community work |
We welcome contributions! Add your own diagram elements:
- Create your element in tldraw
- Export the snippet and preview images (light & dark versions)
- Submit a pull request
See the contribution guidelines for the complete process.
What is tldraw?
tldraw is a free, open-source infinite canvas whiteboard for sketching, diagramming, and visual collaboration.
Do snippets work with self-hosted tldraw?
Yes! Snippets are compatible with any tldraw instance using the same data format.
Can I modify snippets after pasting?
Absolutely. Once pasted, elements behave like any other tldraw shape — resize, recolor, reposition freely.
How do I create my own snippets?
See our contribution guide for step-by-step instructions on creating and sharing snippets.
tldraw · tldraw snippets · tldraw templates · tldraw components · diagram snippets · UML snippets · infrastructure diagram · robustness diagram · whiteboard templates · copy paste diagrams · tldraw library · diagram components · flowchart elements · system design diagrams
Disclaimer: This project is not affiliated with or endorsed by tldraw. All trademarks belong to their respective owners.
MIT License — feel free to use these snippets in personal and commercial projects.
