Open Source · Browser-Based · Zero Config

Architecture diagrams,
wired different.

A lightweight canvas editor for system architecture. Drag nodes, draw connections, export anywhere. No sign-up. No bloat. Just diagrams.

Open Editor View Source
// design your architecture
$ kit-a add --node client server database
$ kit-a connect client:api --label "REST" --color cyan
$ kit-a connect api:db --label "queries" --bidirectional
> 3 nodes, 2 connections — diagram ready
$ kit-a export --format png --2x
> exported: architecture.png (2048x1536)
$

Everything you need.
Nothing you don't.

Built for engineers who think in systems. No learning curve, no enterprise pricing, no 200MB Electron app.

Node-Based Canvas

14 component types — Client, Server, DB, API, Auth, Queue, Cache, Cloud, Function, and more. Drag to place, double-click to rename.

Smart Connections

Labeled, colored, directional or bidirectional. Animated flow visualization with adjustable speed. 7 color options.

Multi-Format Export

PNG at 2x resolution, JPG, animated GIF, and WebM video. Share diagrams anywhere — docs, slides, or Slack.

Full Undo/Redo

40-state history with Ctrl+Z / Ctrl+Shift+Z. Move fast, break things, then undo them. Every action is reversible.

Zero Dependencies*

React + Vite + two focused libraries. No state management bloat, no CSS frameworks, no vendor lock-in. *Almost zero.

Save & Load

Persist to localStorage, export/import as JSON. Your diagrams live in your browser — no account required, ever.

14 node types. Infinite combinations.

Every building block for modern system architecture. Group them, connect them, export them.

Client Server Database API Auth Queue Cache Cloud Bucket Function Monitor Mobile Web App Group

Start from a blueprint.

Six battle-tested architecture patterns. Load, customize, ship.

3-Tier Web App

Client → API → Database

Microservices

Gateway + Services + Queue

Event-Driven

Producers → Queue → Consumers

Auth Flow

Login → Auth → Cache → DB

Auth0 Integration

Web App + Auth0 + API

CI/CD Pipeline

Code → Build → Deploy → Monitor

Minimal by design.

No Electron. No heavy frameworks. Just the essentials, optimized for speed.

React 19 UI
Vite 7 Build
{ } Vanilla CSS Style
A IBM Plex Mono Font
html2canvas Export
gif.js Animation

Stop describing
your architecture.
Start drawing it.

Free. Open source. Runs in your browser. Forever.