awesome-repositories.com
ब्लॉग
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेसMCP सर्वर
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 रिपॉजिटरी

Awesome GitHub RepositoriesVisual-to-Code Navigators

Tools that link visual diagram elements to their corresponding source code symbols and files.

Distinct from Code Navigators: Distinct from general code navigators by specifically bridging a visual graph representation to the codebase.

Explore 7 awesome GitHub repositories matching development tools & productivity · Visual-to-Code Navigators. Refine with filters or upvote what's useful.

Awesome Visual-to-Code Navigators GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • hediet/vscode-drawiohediet का अवतार

    hediet/vscode-drawio

    9,451GitHub पर देखें↗

    यह प्रोजेक्ट VS Code के लिए एक विज़ुअल डायग्रामिंग टूल और एकीकरण है जो उपयोगकर्ताओं को सीधे अपने वर्कस्पेस के भीतर Draw.io फ़ाइलें बनाने और संपादित करने की अनुमति देता है। यह XML, SVG और PNG प्रारूपों का उपयोग करके आर्किटेक्चर डायग्राम और फ़्लोचार्ट बनाने के लिए एक ग्राफिकल इंटरफ़ेस प्रदान करता है। एक्सटेंशन में एक कोड-टू-डायग्राम नेविगेटर शामिल है जो विज़ुअल नोड्स को कोडबेस में विशिष्ट फ़ाइलों और प्रतीकों से जोड़ता है। इसमें विचार-मंथन के लिए सिंक्रनाइज़ कर्सर के साथ एक सहयोगी संपादन वातावरण और एक ऑफ़लाइन इंटरफ़ेस भी है जो इंटरनेट कनेक्शन के बिना पूर्ण कार्यक्षमता बनाए रखता है। टूलसेट मल्टी-फॉर्मेट डायग्राम संपादन को कवर करता है, जिसमें रॉ XML हेरफेर और प्रारूप रूपांतरण शामिल है। यह डायग्राम पुनरावृत्तियों के बीच संरचनात्मक अंतर की पहचान करने के लिए विज़ुअल संस्करण तुलना का समर्थन करता है और मुख्य क्षमताओं का विस्तार करने के लिए एक प्लगइन आर्किटेक्चर प्रदान करता है।

    Links visual diagram nodes to specific files and symbols in the codebase to enable rapid navigation.

    TypeScript
    GitHub पर देखें↗9,451
  • nagi-ovo/gemini-voyagerNagi-ovo का अवतार

    Nagi-ovo/gemini-voyager

    7,038GitHub पर देखें↗

    Gemini Voyager is a browser-based toolkit designed to enhance the interface and workflow of large language model web applications. It serves as a conversation manager, an output renderer, and a prompt library manager, allowing users to customize the layout and functionality of AI chat interfaces. The project distinguishes itself through advanced content handling, such as removing image watermarks by reversing alpha blending to restore original pixels. It also provides specialized rendering for LaTeX mathematical formulas and Mermaid diagrams, alongside tools to fix broken Markdown formatting

    Maps conversation messages to a visual graph to enable jumping between specific points in chat history.

    TypeScriptai-studiobunchat-management
    GitHub पर देखें↗7,038
  • graphql-editor/graphql-editorgraphql-editor का अवतार

    graphql-editor/graphql-editor

    6,068GitHub पर देखें↗

    GraphQL Editor is a collaborative workspace platform for designing, editing, and managing GraphQL schemas. It provides an interactive graph-based visual editor that lets teams create and explore schemas without writing code, alongside a full-featured Monaco text IDE with real-time syntax validation. The platform supports AI-powered schema generation from natural language prompts, federated schema composition that visualizes type merging across subgraphs, and AST-level schema comparison that highlights structural differences between versions. The platform distinguishes itself through its bidir

    Links visual graph nodes to corresponding code editor positions for seamless bidirectional navigation.

    TypeScript
    GitHub पर देखें↗6,068
  • aidenybai/react-grabaidenybai का अवतार

    aidenybai/react-grab

    5,110GitHub पर देखें↗

    React Grab is a browser-based code navigator and component inspector that links rendered user interface elements to the specific files and lines of source code where they are defined. It serves as a bridge between the browser interface and a local codebase to facilitate element identification and analysis. The tool functions as a developer extension for React applications, mapping visual components to their originating source code. This capability provides specific code context to support manual review and AI-assisted development. The project includes a framework for extending the browser in

    Links visual interface elements in the browser to the specific file and line of code where they are defined.

    TypeScriptaicodingreact
    GitHub पर देखें↗5,110
  • imcuttle/mometaimcuttle का अवतार

    imcuttle/mometa

    4,091GitHub पर देखें↗

    Mometa एक AST-आधारित विज़ुअल कोड एडिटर और लो-कोड मेटाप्रोग्रामिंग टूल है। यह एब्स्ट्रैक्ट सिंटैक्स ट्री हेरफेर के माध्यम से सोर्स कोड को संशोधित करने के लिए एक विज़ुअल इंटरफ़ेस प्रदान करता है, जो ड्रैग-एंड-ड्रॉप क्रियाओं के माध्यम से कोड ब्लॉक्स को डालने और हटाने की अनुमति देता है। यह प्रोजेक्ट एक विज़ुअल सोर्स मैपिंग सिस्टम के माध्यम से खुद को अलग करता है जो रेंडर किए गए DOM तत्वों को उनकी मूल सोर्स कोड स्थितियों से जोड़ता है। यह ब्राउज़र में एप्लिकेशन घटकों को अपडेट करने के लिए एक वास्तविक समय सिंक्रनाइज़ेशन सिस्टम और हॉट मॉड्यूल रिप्लेसमेंट वर्कफ़्लो का उपयोग करता है, जिसके लिए पूर्ण पेज रीलोड की आवश्यकता नहीं होती है। यह प्लेटफ़ॉर्म UI कंपोनेंट प्रबंधन और पुन: प्रयोज्य सामग्री लाइब्रेरी के निर्माण को कवर करता है। इसमें मेटाडेटा-संचालित कोड जनरेशन, रूट और लेआउट सिमुलेशन, और कई पैकेज और डिपेंडेंसी को समन्वयित करने के लिए मोनोरेपो वर्कस्पेस संगठन की क्षमताएं शामिल हैं।

    Links visual elements in the editor to their corresponding source code symbols and files for seamless IDE transition.

    TypeScriptfrontendlowcodereact
    GitHub पर देखें↗4,091
  • dejan/rails_paneldejan का अवतार

    dejan/rails_panel

    3,869GitHub पर देखें↗

    Rails Panel is a developer tool for Ruby on Rails applications that combines performance monitoring, metadata inspection, and source code linking. It functions as a browser extension and server-side middleware that transmits diagnostic data through HTTP response headers to display application metrics directly within browser developer tools. The tool provides a bridge between the browser and local development environments, enabling deep linking from rendered web pages to specific files and line numbers in a configured text editor. It covers request analysis and observability, including the i

    Links rendered web pages directly to specific files and line numbers in a local text editor.

    JavaScriptchrome-extensionruby-on-rails
    GitHub पर देखें↗3,869
  • nvimdev/lspsaga.nvimnvimdev का अवतार

    nvimdev/lspsaga.nvim

    3,794GitHub पर देखें↗

    lspsaga.nvim is a Neovim LSP UI enhancement and floating window manager. It provides a visual system for presenting Language Server Protocol data through interactive overlays, serving as a code navigation tool and a refactoring interface. The project focuses on improving the interaction flow of LSP features by rendering documentation hovers, symbol definitions, and diagnostic data in floating windows. It distinguishes itself by integrating a floating window framework that also manages embedded terminal sessions for executing shell commands without leaving the editor workspace. The plugin cov

    Renders LSP-provided semantic data such as call hierarchies and symbol definitions in interactive floating windows.

    Lua
    GitHub पर देखें↗3,794
  1. Home
  2. Development Tools & Productivity
  3. Code Navigators
  4. Visual-to-Code Navigators

सब-टैग एक्सप्लोर करें

  • Conversation TimelinesVisual representations of message sequences that allow for rapid navigation between nodes. **Distinct from Visual-to-Code Navigators:** Maps chat messages to a temporal graph for jumping, rather than mapping code to visual diagrams.
  • LSP Data VisualizersFloating window components that render language server data like call hierarchies and type information. **Distinct from Visual-to-Code Navigators:** Distinct from Visual-to-Code Navigators: focuses on rendering LSP-provided semantic data in floating windows rather than bridging visual diagrams to code.
  • Visual Source ManipulationInterfaces that allow users to modify source code by manipulating visual representations of that code. **Distinct from Visual-to-Code Navigators:** Moves beyond navigation to active modification of code via a visual interface.