7 Repos
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.
Dieses Projekt ist ein visuelles Diagramm-Tool und eine Integration für VS Code, die es Benutzern ermöglicht, Draw.io-Dateien direkt in ihrem Arbeitsbereich zu erstellen und zu bearbeiten. Es bietet eine grafische Oberfläche zum Erstellen von Architekturdiagrammen und Flussdiagrammen unter Verwendung von XML-, SVG- und PNG-Formaten. Die Erweiterung enthält einen Code-zu-Diagramm-Navigator, der visuelle Knoten mit spezifischen Dateien und Symbolen im Codebase verknüpft. Sie bietet zudem eine kollaborative Bearbeitungsumgebung mit synchronisierten Cursorn für Brainstorming sowie eine Offline-Schnittstelle, die volle Funktionalität ohne Internetverbindung beibehält. Das Toolset deckt die Bearbeitung von Diagrammen in mehreren Formaten ab, einschließlich roher XML-Manipulation und Formatkonvertierung. Es unterstützt zudem den visuellen Versionsvergleich, um strukturelle Unterschiede zwischen Diagramm-Iterationen zu identifizieren, und bietet eine Plugin-Architektur zur Erweiterung der Kernfunktionen.
Links visual diagram nodes to specific files and symbols in the codebase to enable rapid navigation.
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.
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.
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.
Mometa is an AST-based visual code editor and low-code metaprogramming tool. It provides a visual interface for modifying source code through abstract syntax tree manipulation, allowing for the insertion and deletion of code blocks via drag-and-drop actions. The project distinguishes itself through a visual source mapping system that links rendered DOM elements back to their original source code positions. It utilizes a real-time synchronization system and hot module replacement workflow to update application components in the browser without requiring a full page reload. The platform covers
Links visual elements in the editor to their corresponding source code symbols and files for seamless IDE transition.
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.
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.