Skip to Content
🎉 Keadex Mina v3 is now available!
C4 Model UI KitArchitecture

Architecture

The C4 Model UI Kit  is a Keadex library based on Fabric.js  that renders C4 model diagrams to an HTML canvas.

More precisely, the library contains:

  • Renderers: These are responsible for rendering each C4 element. The Diagram Renderer is a special renderer, the entry point, that renders the entire C4 diagram with the renderDiagram() function.
  • Components: These are Fabric.js components that contain the code to render specific C4 elements.
  • Models: These are the data models used to process C4 diagrams.

Component Diagram

Keadex logo
Keadex ©2026. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
Privacy Policy  |  Terms & Conditions