awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
likec4 avatar

likec4/likec4

0
View on GitHub↗
2,723 stars·178 forks·TypeScript·mit·41 viewslikec4.dev↗

Likec4

likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language.

The tool distinguishes itself by providing a modeling environment with Language Server Protocol integration for real-time validation and autocomplete. It enables interactive architecture documentation where users can navigate through hierarchical system views via drill-down exploration and scoped views.

Beyond basic visualization, the framework covers deployment modeling to map logical software components to physical infrastructure. It includes capabilities for interaction sequence visualization, architectural drift detection to identify discrepancies between design and implementation, and the generation of React or web components for embedding diagrams into applications.

A command-line interface is provided for automated diagram generation in CI/CD pipelines and hosting a local preview server for real-time updates.

Features

  • System Architecture Models - Provides a domain-specific language to define custom architectural models with nested levels and tailored notations.
  • Diagram as Code Frameworks - Provides a framework for defining software architecture and system models using a version-controlled, text-based language.
  • Documentation-as-Code Systems - Provides a framework for defining system architecture as code within version-controlled repositories.
  • Graph Relationship Modeling - Maintains the system architecture as a resource graph of components and dependencies for hierarchy analysis.
  • System Architecture Visualizers - Transforms architectural models into interactive visual maps of software structures and interaction logic.
  • Architecture Visualizers - Transforms architectural code into interactive visual representations that can be explored at multiple levels of detail.
  • Interactive Diagramming Libraries - Ships a framework for embedding interactive, browser-rendered architecture diagrams into external applications.
  • Domain Specific Language Parsers - Translates text-based architecture definitions into a structured, traversable data model of elements and relationships.
  • Architectural Documentation - Provides interactive, navigable technical overviews of system design and component hierarchies.
  • Architectural Relationship Models - Maps associations and dependencies between system entities to analyze architectural hierarchies and relationship chains.
  • Architecture Element Referencing - Links components using unique identifiers or paths to resolve ambiguity between architectural elements.
  • Architecture Model Parsing - Processes architecture descriptions from files or strings to create a traversable data model.
  • Hierarchy Definitions - Organizes architectural elements into nested structures to represent relationships between high-level systems and internal components.
  • Logical Element Definitions - Allows the creation of logical building blocks to represent the structural components of a software system.
  • Declarative View Projections - Generates dynamic architectural diagrams by applying scoping and filtering rules to a global system model.
  • Deployment Infrastructure Modeling - Provides the ability to create physical models of deployment nodes to represent target environments and their properties.
  • Deployment Model Visualization - Renders diagrams based on deployment models, applying filters to organize visible infrastructure elements.
  • Element Relationship Mapping - Allows mapping connections between architecture elements to describe how different software components interact.
  • Infrastructure Relationship Modeling - Establishes physical connections between deployed instances to represent network and hardware dependencies.
  • Logical to Infrastructure Mapping - Maps logical software components to physical deployment nodes to visualize architectural distribution.
  • Scoped Views - Limits diagrams to a specific element and its descendants to focus on a particular subsystem.
  • C4 Architecture Diagrams - Generates visual projections based on the C4 model to illustrate system overviews and data flows.
  • Architecture Visualizers - Generates visual diagrams and topology maps based on defined architectural models to visualize system structure.
  • Text-to-Diagram Generators - Integrates with CI/CD pipelines to automatically transform architecture definitions into static sites or image exports.
  • Container Nesting - Organizes components as nested containers to represent complex system hierarchies and namespaces.
  • Interactive Architecture Navigation - Offers an interactive interface to explore diagrams and drill down into specific architectural components.
  • Interactive Diagram Embedding - Enables rendering interactive architectural views within web applications using dedicated components and popup browsers.
  • Model Domain Splitting - Enables dividing large architectural models into smaller, domain-based projects to improve organization and maintainability.
  • Modeling Intelligence - Provides syntax highlighting, live previews, and real-time error reporting within code editors to streamline the architectural modeling process.
  • LSP-Integrated Environments - Integrates a Language Server to provide real-time validation and autocomplete for architecture modeling within editors.
  • Website Builders - Generates a standalone website or single HTML file containing all architectural diagrams for easy hosting and sharing.
  • Static Websites - Generates static HTML files and assets from architecture definitions for hosting.
  • Relationship Edge Styling - Allows defining colors and arrow types for connections to visually distinguish between different types of system interactions.
  • Architecture Element Styling - Enables setting custom colors, shapes, and icons for architectural elements both globally and on an individual basis.
  • Code Navigators - Implements project-wide navigation for jumping to definitions, finding references, and renaming elements within the architecture model.
  • Diagramming Integrations - Provides plugins and web components to integrate interactive architectural views into websites and documentation.
  • Label-Based Categorization - Assigns labels to architectural elements to group and filter components based on semantic metadata.
  • Language Server Protocol Implementations - Implements the Language Server Protocol to provide real-time validation, autocomplete, and navigation for the modeling language.
  • Language Servers - Exposes a standalone language server that provides autocomplete, diagnostics, and navigation to any LSP-compliant editor.
  • Live Preview Servers - Hosts a local server that provides real-time visual rendering of diagrams as source files are edited.
  • Programmatic Architecture Construction - Enables the creation of architectural models using a type-safe builder to ensure structural consistency through code.
  • Project Configuration - Allows defining project settings and visual styles using type-safe code files instead of static configuration formats.
  • Drift Detection - Identifies structural discrepancies and undeclared dependencies between the architectural model and actual code.
  • Architecture Model Querying - Enables traversal of elements and metadata within a model to retrieve structural and deployment data.
  • React Component Generators - Generates React components that render architecture model views for integration into web applications.
  • Cross-Project Element Referencing - Enables referencing elements defined in separate projects to reuse architectural components without duplicating definitions.
  • Deployment Model Visualizations - Maps logical software components to physical infrastructure nodes to visualize system distribution.
  • Diagram Layout Organizers - Provides auto-layout configuration to automatically organize the arrangement and directional flow of nodes in diagrams.
  • Element Interaction Mapping - Enables the definition of interactions and data flows between different components of a software system.
  • External Model Inclusions - Supports loading architecture specifications from external locations to share common elements across different projects.
  • Implicit View Generation - Automatically generates scoped views for elements to enable seamless drill-down navigation through the architecture.
  • Deployment Workflows - Automates the deployment of architecture diagrams to static sites using CI/CD workflows.
  • Interaction Sequence Visualization - Renders interaction scenarios as sequence charts to visualize the order of actor interactions.
  • Metadata-Based Element Filtering - Enables precise isolation of system components using metadata tags and boolean logic for focused architectural views.
  • Model Definition Modularization - Allows distributing architecture definitions across multiple files that are merged into a single model during parsing.
  • External Component Definitions - Allows defining internal components in separate files to keep top-level architectural views clean and manageable.
  • Shared Configuration Files - Allows including a single source specification file across multiple projects to maintain consistent architectural definitions.
  • Live Preview Servers - Ships a local preview server that provides real-time, hot-reloading updates for architecture diagrams as source files are edited.
  • Use Case Modeling - Provides tools and notations for defining system actors and use case scenarios without altering the global model.
  • Architectural Design Validations - Checks for drift and breaking changes to ensure the software implementation matches the architectural design.
  • Model Structural Validation - Checks source files for syntax errors and outdated manual layouts to ensure the architectural model remains structurally correct.
  • Constraint Layout Engines - Implements a constraint-based layout engine to automatically organize node positions and axis alignments in diagrams.
  • Custom Element Renderers - Allows replacing default node visualizations with custom components to tailor how architectural elements are presented.
  • Element Groupings - Wraps architectural elements within rendered boundaries to visually represent logical groupings and namespaces.
  • Icon Set Integrations - Supports embedding external image formats or selecting from icon sets to visually represent specific system components.
  • Shared Style Modules - Allows importing reusable style definitions from external configuration files to maintain visual consistency across different repositories.
  • Visual Style Customization - Allows the definition of custom colors and themes to apply branding to architecture views.
  • Diagram Element Styling - Defines the appearance of elements using a sequence of overriding rules for colors and line styles.
  • Theme Customization - Provides capabilities to override default colors and sizes using CSS or configuration objects to customize the global appearance.
  • Diagram Web Components - Creates a JavaScript bundle that embeds diagrams as a customizable and reusable HTML element.
  • Headless Rendering Engines - Uses a headless browser rendering engine to rasterize dynamic web diagrams into static image files like PNG.
  • Live Component Embedding - Allows live architecture diagrams to be integrated directly into web applications with instant updates via hot module replacement.
  • Multi-Target Component Generation - Produces diverse output formats including React components, web components, and static HTML from architectural definitions.

Star history

Star history chart for likec4/likec4Star history chart for likec4/likec4

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with Likec4

These projects share indexed features with Likec4. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • plantuml/plantumlplantuml avatar

    plantuml/plantuml

    13,093View on GitHub↗

    PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer

    Javadiagramdiagram-as-codediagrams
    View on GitHub↗13,093
  • blushft/go-diagramsblushft avatar

    blushft/go-diagrams

    5,235View on GitHub↗

    go-diagrams is a Go visualization library and DOT language generator used to create system architecture diagrams. It implements a diagrams-as-code approach, allowing users to define system components, infrastructure dependencies, and data flows using Go source code. The library translates these code-based definitions into Graphviz DOT syntax, which is then processed by the Graphviz toolset to render final visual image assets. It supports mapping directional edges to illustrate dependencies and organizing related components into named clusters or subgraphs to represent architectural boundaries

    Go
    View on GitHub↗5,235
  • northwoodssoftware/gojsNorthwoodsSoftware avatar

    NorthwoodsSoftware/GoJS

    8,447View on GitHub↗

    GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

    HTMLcanvaschartcharts
    View on GitHub↗8,447
  • ahmedkhaleel2004/gitdiagramahmedkhaleel2004 avatar

    ahmedkhaleel2004/gitdiagram

    15,178View on GitHub↗

    Gitdiagram is a software architecture visualization tool that generates interactive diagrams from repository file hierarchies. By performing automated static code analysis, the system maps file structures and component dependencies to provide a visual representation of how different modules relate within a codebase. The platform functions as a searchable documentation catalog, allowing users to discover and explore architectural visualizations of public repositories. It combines server-side rendering for initial delivery with a client-side engine that enables users to dynamically manipulate a

    TypeScriptaicodegithub
    View on GitHub↗15,178
Compare all 30 related projects→

Frequently asked questions

What does likec4/likec4 do?

likec4 is an architecture-as-code framework that transforms text-based architecture definitions into interactive diagrams, static websites, and image files. It serves as a system architecture visualizer and C4 model diagram generator, allowing users to define software components, boundaries, and deployment infrastructure using a domain-specific language.

What are the main features of likec4/likec4?

The main features of likec4/likec4 are: System Architecture Models, Diagram as Code Frameworks, Documentation-as-Code Systems, Graph Relationship Modeling, System Architecture Visualizers, Architecture Visualizers, Interactive Diagramming Libraries, Domain Specific Language Parsers.

Which projects share features with likec4/likec4?

Projects with overlapping indexed features include: plantuml/plantuml — PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical… blushft/go-diagrams — go-diagrams is a Go visualization library and DOT language generator used to create system architecture diagrams. It… northwoodssoftware/gojs — GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts,… ahmedkhaleel2004/gitdiagram — Gitdiagram is a software architecture visualization tool that generates interactive diagrams from repository file… mermaid-js/mermaid — This project is a client-side rendering engine that transforms declarative, text-based syntax into visual diagrams… clientio/joint — Joint is a JavaScript library for building interactive visual diagrams and flowcharts using Scalable Vector Graphics.…