Gallery

Every picture here is rendered by spinagram from a file in examples/. Pick the one closest to what you need, copy it, and open it in the live preview:

spinagram serve examples/looks/      # any file or folder; re-renders on every save

Stylish diagrams with CSSCopy Anchor Link

One diagram, four stylesheets. The Python never changes. See how →

Midnight

Dark canvas, neon accents, glowing hero service.

Blueprint

White ink on drafting blue.

Pastel

Soft tinted cards for product docs.

Editorial

Black and white with one red accent.

Several diagram types on one slideCopy Anchor Link

Architecture, flowcharts, state machines and swimlanes side by side, connected by ordinary arrows. See how →

Payments, end to end

Architecture, a fraud-check flowchart and the payment lifecycle.

When an alert fires

The monitoring stack and the on-call process it triggers.

Kubernetes on Amazon EKSCopy Anchor Link

Cilium, Gateway API, Karpenter, Argo CD, cert-manager and ExternalDNS at three zoom levels. See how →

The platform

EKS, Cilium, Gateway API and the platform add-ons.

Gateway API routing

HTTPRoute rules as a flowchart inside the cluster.

GitOps delivery

GitHub Actions to Argo CD to Karpenter, as swimlanes.

IconsCopy Anchor Link

Thirteen icon packs and your own files, one argument each. See how →

One argument, thousands of icons

Cloud, CNCF projects, products, languages, self-hosted, network and a local SVG.

Architecture, behavior, networks and slidesCopy Anchor Link

Cloud architecture

Regions, VPCs and zones that nest themselves.

Kubernetes, dark

A full dark design built only with CSS.

Flowcharts

Decisions, documents and retries.

Swimlanes

Who does what, with fork and join bars.

Data center fabric

eBGP underlay and EVPN overlay.

Software delivery with AI

GitLab to Harbor and Argo CD, with an AI gateway in front of the models.

Decision slides

Cards, quotes and open questions.