Skip to content
Architecture Catalog
See the live demo →

Your architecture,
browsable and beautiful

Turn plain Markdown files into an interactive architecture catalog. One YAML schema. Zero custom code. Deploy anywhere.
Get Started in 5 Minutes Live Demo GitHub

Get started in 3 steps

Section titled “Get started in 3 steps”

  1. Define your schema — edit registry-mapping.yaml to declare element types, layers, relationships, and branding

  2. Add your elements — create Markdown files in registry-v2/. One file per architecture element, with YAML frontmatter

  3. Build and browse — run npm run build. The catalog reads your schema, scans your files, resolves cross-references, and generates a static site

What you get

Section titled “What you get”

Schema-driven

One YAML file defines everything — types, fields, relationships, layers, and branding. Add a new element type? Just add an entry. Zero code changes.

Interactive maps

Domain context maps, event flow diagrams, and capability heatmaps. Search, filter, focus mode, and PNG export — all powered by React Flow.

Plain Markdown

Each architecture element is a .md file with YAML frontmatter. No proprietary formats. Git-friendly, diff-friendly, AI-readable.

Deploy anywhere

Builds to pure static HTML. GitHub Pages, S3, Firebase, Netlify, or behind your VPN. No servers, no databases, no runtime dependencies.

Explore the docs

Section titled “Explore the docs”
Introduction What it is and why it exists
Features Dashboard, context maps, event flows, diagrams
Modeling guide Schema, elements, relationships, domains
Deployment Build, preview, and deploy to any static host