Beck
Diagrams as code · for .NET

Nice looking architecture diagrams

Describe your system once in a few lines of YAML. Beck handles layout, routing, and styling — and renders clean, animated architecture diagrams you can drop straight into docs and pull requests.

$ dotnet add package Beck copy
system.beck.yaml live
yaml

Plain YAML, real diagrams

List your nodes and edges. Beck takes care of layout, edge routing, grouping, and theming automatically.

git

Lives in your repo

Diagrams are text. Review them in pull requests, diff every change, and never let architecture docs drift again.

C#

.NET native

Author diagrams from C# with Beck.Authoring, or render them live in any ASP.NET site.

Start diagramming in five minutes.

Add the package, write a few lines of YAML, and render your first diagram. No accounts, no canvas wrangling.

Beck grew out of abergs/animations by Anders Åberg — the GSAP-animated architecture-diagram experiment that was the inspiration and jumping-off point for this project.