Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Flow PathNew to Visual Studio Code? Get it now.
Flow Path

Flow Path

animesh-ghoroi

|
9 installs
| (0) | Free
Visualize your project’s file structure as an interactive ER-style diagram with search and Git status, making large codebases easier to understand and navigate.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

The diagram will render automatically based on your project structure.


🔍 Search

  • Type at least 3 characters to start searching
  • Results are debounced for better performance
  • Matching file and folder names are highlighted

🧭 Navigation

  • Click folders to expand or collapse
  • Click files to open them in the editor
  • Git status colors help you quickly identify changes

🎨 Git Status Colors

  • 🟢 Added
  • 🟡 Modified
  • 🔴 Deleted
  • ⚪ Clean

🛠 Tech Stack

  • VS Code Extension API
  • Webview + React
  • SVG-based rendering
  • TypeScript

📦 Extension Icon

The extension includes a custom icon designed to represent project structure visualization and Git-aware navigation.


📄 License

MIT


💡 Feedback & Contributions

Issues, feature requests, and pull requests are welcome.
If this extension helps you, consider leaving a ⭐ on the repository!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft