MeshGraph Logo MeshGraph Install

MESHGRAPH FOR VS CODE

Design, visualize, and ship microservice API architecture.

MeshGraph discovers projects and endpoints across your workspace, gives you a visual canvas to map dependencies, and turns architecture into code and technical documentation with AI.

Workspace Scanner

Detects services, projects, and API endpoints across mixed repos and monorepos. Updates automatically when files change.

Visual Canvas

Drag project nodes, draw service-to-service flows, add edge notes, and organize graph layouts with auto-arrange.

AI Agent

Generate implementation code or technical documentation with model picker, prompt preview, and custom instructions.

Your architecture. Alive.

Create. Save. Share. Build. All inside VS Code.

REST REST REST REST gRPC KAFKA KAFKA
web-next
Next.js
gRPCAddUserInterest
mobile-react-native
React Native
gRPCAddUserInterest
gateway-api-node
Express
POST/api/users/interests
iam-api-go
Go · Chi
POST/auth
user-api-dotnet
.NET Minimal APIs
GET/users/{id}
user-interests-api
FastAPI · Python
gRPC/users/interests
gRPCNotifyUser
notification-api-go
Go · Chi
Kafka/user-interests
shop-management-app
React · Assumed
Kafka/user-interests
REST gRPC Kafka
↓ Download Sample .mgx

Discover MeshGraph from a real sample project. Open this file in the extension to explore the architecture interactively.

Supported stacks, protocols, and type colors

These colors mirror MeshGraph project type mapping in the extension.

.NET Blazor Next.js React Angular Vue Frontend Express NestJS Node React Native Spring Boot Java Gin Go Actix Rust FastAPI Django Flask Python Laravel Symfony PHP Rails Ruby Kotlin Flutter iOS Android macOS Terraform Container Documentation Other
Protocols: REST, gRPC, GraphQL, Kafka, RabbitMQ, NATS, AWS SQS/SNS, WebSocket, SignalR, Socket.IO

Quick MeshGraph Tutorial

See everything in action — from workspace scanning to AI-powered code generation.

Where teams use MeshGraph

Architecture Design

Plan service boundaries, endpoint contracts, and interactions before code gets too coupled.

Refactoring and Migration

Map current dependencies and reduce hidden risk while splitting monoliths or modernizing APIs.

Onboarding and Documentation

Generate docs in Markdown, HTML, Confluence, or plain text and keep architecture knowledge portable.

Cross-Team Collaboration

Share .mgx architecture files so backend, platform, and product teams can align on the same flow.

Multilingual UI

MeshGraph supports English, Deutsch, Turkiye Turkcesi, and Espanol. It follows VS Code language settings automatically.

FAQ

Does MeshGraph send project data to external servers?

No. Processing happens locally in VS Code. MeshGraph does not collect telemetry or workspace content.

Can I model services that are not implemented yet?

Yes. You can create services manually and mark endpoints as created or assumed.

Can I use it with existing enterprise repositories?

Yes. It is designed for real mixed-stack workspaces including monorepos and microservice folders.