{"repo":"ozers/system-design-canvas","free":true,"listed":false,"github":"https://github.com/ozers/system-design-canvas","clone":"git clone https://github.com/ozers/system-design-canvas.git","description":"Free, open-source visual tool for designing system architectures. Drag-and-drop services, databases, queues & more. 9 templates, dark mode, PNG/SVG/Mermaid export. 100% client-side.","language":"TypeScript","stars":19,"topics":["architecture-diagram","developer-tools","diagramming-tool","drag-and-drop","microservices","nextjs","open-source","react-flow","software-architecture","system-architecture"],"license":"MIT","category":"dev-tools","readme_excerpt":"System Design Canvas Think through your system architecture before you build it. Live Demo A free, open-source visual tool for sketching system architectures. Drop components, wire them together, see your design take shape — all in the browser. No sign-up. No servers. No data leaving your machine. --- Why? Most system design happens on whiteboards that get erased, or in docs that nobody reads. System Design Canvas sits in between — a focused tool where you think visually about services, databases, queues, and how they connect, without the overhead of a full diagramming suite. It's opinionated by design . Instead of a blank canvas with infinite shapes, you get the building blocks that actually matter: component types and connection types that map directly to real infrastructure patterns. Features - 9 templates — Microservices, Monolith, Event-Driven, Client-Server, Serverless, Data Pipeline, Real-time Analytics, Serverless Fullstack, Kubernetes Platform - 19 component types — Services, Databases, Caches, Queues, Load Balancers, CDNs, API Gateways, Serverless Functions, and more - 9 connection types — REST, gRPC, WebSocket, Pub/Sub, TCP, DB Query, GraphQL, MQTT, Event Stream - Context menu & multi-select — Copy/paste, bulk delete, right-click actions - Presentation mode — Clean fullscreen view for meetings and reviews - Export — PNG, SVG, Mermaid diagram, JSON, shareable URL - Auto-layout — One-click node arrangement with dagre - Dark mode — Easy on the eyes, with soft backgrou","default_branch":null,"files":null,"tree":[],"storefront":"/r/ozers","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ozers/system-design-canvas/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}