{"id":24668763,"url":"https://github.com/hridesh-net/langgraph_extension","last_synced_at":"2026-02-13T01:36:27.626Z","repository":{"id":271250266,"uuid":"909201067","full_name":"hridesh-net/LangGraph_Extension","owner":"hridesh-net","description":"LangGraph Visualizer is a Visual Studio Code (VS Code) extension that provides real-time visual representations of multi-agent LangGraph projects. It enables developers to intuitively understand and monitor the flow and interactions of agents within their projects.","archived":false,"fork":false,"pushed_at":"2025-01-26T01:12:15.000Z","size":1520,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"ext-master","last_synced_at":"2025-03-21T13:27:51.852Z","etag":null,"topics":["ai","extension","langchain","langgraph","typescript","vs-code","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hridesh-net.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-28T02:22:44.000Z","updated_at":"2025-01-12T23:17:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ae3e407-219c-49c4-9a28-0a65c03ec738","html_url":"https://github.com/hridesh-net/LangGraph_Extension","commit_stats":null,"previous_names":["hridesh-net/langgraph_extension"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hridesh-net/LangGraph_Extension","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hridesh-net%2FLangGraph_Extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hridesh-net%2FLangGraph_Extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hridesh-net%2FLangGraph_Extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hridesh-net%2FLangGraph_Extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hridesh-net","download_url":"https://codeload.github.com/hridesh-net/LangGraph_Extension/tar.gz/refs/heads/ext-master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hridesh-net%2FLangGraph_Extension/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259934706,"owners_count":22934329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","extension","langchain","langgraph","typescript","vs-code","vscode","vscode-extension"],"created_at":"2025-01-26T09:17:24.459Z","updated_at":"2026-02-13T01:36:27.568Z","avatar_url":"https://github.com/hridesh-net.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/hridesh"],"categories":[],"sub_categories":[],"readme":"![Header Image](images/Langgraph_header.png)\n\n# LangGraph Visualizer\n\nLangGraph Visualizer is a Visual Studio Code (VS Code) extension that provides real-time visual representations of multi-agent LangGraph projects. It enables developers to intuitively understand and monitor the flow and interactions of agents within their projects.\n\n\u003e **Note:** After Installation just use command ```cmd+shift+l```To se the Visual representaion\n\n\n## Features\n\n- **Real-Time Visualization:** Automatically updates the graph as the langgraph.json file changes, reflecting the current state of your project.\n\n- **Interactive Interface:** Allows users to explore agent nodes and their connections within the graph.\n\n- **Seamless Integration:** Easily integrates into your VS Code workflow, enhancing productivity without disrupting your development process.\n\n\n## Directory Structure\n\n```bash\n.\n├── CHANGELOG.md\n├── README.md\n├── eslint.config.mjs\n├── images\n│   └── Langgraph_header.png\n├── media\n│   ├── main.js\n│   └── node.css\n├── package-lock.json\n├── package.json\n├── src\n│   ├── extension.ts\n│   ├── test\n│   │   └── extension.test.ts\n│   └── webview\n│       └── ext-app\n│           ├── README.md\n│           ├── package-lock.json\n│           ├── package.json\n│           ├── postcss.config.js\n│           ├── public\n│           │   ├── favicon.ico\n│           │   ├── index.html\n│           │   ├── logo192.png\n│           │   ├── logo512.png\n│           │   ├── manifest.json\n│           │   └── robots.txt\n│           ├── src\n│           │   ├── App.css\n│           │   ├── App.test.tsx\n│           │   ├── App.tsx\n│           │   ├── components\n│           │   │   ├── CustomCard.tsx\n│           │   │   ├── Diagram.tsx\n│           │   │   ├── Graph.tsx\n│           │   │   ├── InlineEditableText.tsx\n│           │   │   └── ResourceSidebar.tsx\n│           │   ├── global.d.ts\n│           │   ├── index.css\n│           │   ├── index.tsx\n│           │   ├── logo.svg\n│           │   ├── react-app-env.d.ts\n│           │   ├── reportWebVitals.ts\n│           │   └── setupTests.ts\n│           ├── tailwind.config.js\n│           └── tsconfig.json\n├── tailwind.config.js\n├── tsconfig.json\n└── vsc-extension-quickstart.md\n```\n\n## Example\n\n![Extension in Action](images/action.gif)\n\n----\n\u003cdiv align=\"center\"\u003e\n            \u003ca href=\"https://www.buymeacoffee.com/hridesh\" target=\"_blank\" style=\"display: inline-block;\"\u003e\n                \u003cimg\n                    src=\"https://img.shields.io/badge/Donate-Buy%20Me%20A%20Coffee-orange.svg?style=flat-square\u0026logo=buymeacoffee\" \n                    align=\"center\"\n                /\u003e\n            \u003c/a\u003e\u003c/div\u003e\n\u003cbr /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhridesh-net%2Flanggraph_extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhridesh-net%2Flanggraph_extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhridesh-net%2Flanggraph_extension/lists"}