Projects sharing features with Vscode Drawio

rails-erd is a Ruby on Rails ERD generator and database schema visualizer. It serves as an automated diagramming tool that analyzes model associations and attributes to create graphical domain models. The tool maps associations and inheritance patterns into visual entity-relationship diagrams, including specific support for visualizing single table inheritance. It allows for relationship notation customization, enabling users to toggle between simplified arrows and Bachman notation. The system provides multi-format diagram export for technical documentation and allows for the configuration o

Umlet is a desktop-based visual design environment for constructing software architecture diagrams and object-oriented models. It functions as a diagramming utility that allows users to create, manipulate, and organize visual elements through a combination of a graphical workspace and a text-driven interface. The application distinguishes itself by using a custom markup language to define and render diagram elements, enabling users to create specialized notations and custom shapes for unique architectural requirements. This approach allows for the serialization of diagram states into structur

Fireworks Tech Graph is a tool that generates SVG and PNG technical diagrams from natural language descriptions, supporting both English and Chinese input. It produces publication-quality diagrams for AI architectures, UML types, and other technical domains without requiring manual drawing or diagramming syntax. The tool distinguishes itself through a semantic shape vocabulary and arrow-based flow encoding that conveys component roles and data flow types through consistent geometric shapes, stroke widths, dash patterns, and colors rather than relying on textual labels. It renders the same dia

Ayu is a collection of color themes for the VS Code editor. It provides a set of visual interface themes designed to customize the editor's background, foreground, and UI accents. The project features three distinct color schemes: light, dark, and mirage. These variants allow for adaptive switching between different lighting environments to maintain visual comfort. The theme covers syntax highlighting for code elements, interface customization for panels and titlebars, and typography overrides. It also includes a companion library of custom file icons to improve file type recognition and nav

This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills and professional standards required for modern web development. It serves as a technical reference for mastering HTML, CSS, and JavaScript, providing structured learning paths and a map of the professional competencies needed to transition from a beginner to a professional web engineer. The resource functions as a categorized directory and ecosystem overview of the JavaScript landscape. It catalogs industry-standard frameworks, libraries, and utilities, offering specific recomm

This project is a community-curated directory of open-source software designed for deployment in private server environments and home labs. It serves as a comprehensive resource for discovering independent, self-hosted alternatives to mainstream cloud services, enabling users to maintain full data ownership and control over their digital infrastructure. The directory is structured through a hierarchical taxonomy that organizes a vast collection of applications into logical categories, ranging from media management and data analytics to private communication and team productivity tools. It dis

CefSharp is a .NET binding for the Chromium Embedded Framework that allows developers to embed a full web browser into desktop applications. It provides an embedded browser control for rendering HTML, CSS, and JavaScript content within a native host window. The project features a bidirectional JavaScript bridge interface that enables the execution of scripts and the exposure of native host classes and methods to the browser environment. It also includes a headless browser automation tool for executing web tasks and capturing page screenshots without a graphical user interface. The library co

This project is a comprehensive productivity guide and configuration reference for the VS Code editor. It provides a curated collection of shortcuts, configuration tips, and tutorials designed to improve efficiency and optimize the daily coding workflow. The resource covers advanced AI-assisted development, including the integration of autonomous agents, custom prompt files, and AI-powered coding assistants for task automation and code generation. It also provides specialized guidance on integrated terminal management, such as configuring shell profiles and automating command execution. Addi

PlantUML is a text-to-diagram generator that translates human-readable markup into structured graphical representations. It functions as a diagram-as-code tool, allowing users to create and maintain technical documentation, architectural models, and flowcharts by decoupling diagram content from visual layout. The project distinguishes itself through a comprehensive rendering pipeline that processes domain-specific markup into various output formats, including vector and raster graphics. It utilizes a graph-based layout engine to calculate spatial positioning, while a declarative styling layer

Mermaid is a text-to-diagram rendering engine that transforms markdown-inspired text definitions into visual flowcharts, sequence diagrams, and Gantt charts. It functions as a markdown-based diagramming tool designed to keep technical documentation synchronized with development by defining visuals as plain text. The engine utilizes a sandboxed rendering process, executing diagram generation inside isolated frames to prevent malicious scripts embedded in user text from executing in the browser. The system handles client-side text transformation and domain-specific language parsing to map text

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

Understand-Anything is a codebase architecture visualization tool that transforms source code and documentation into interactive knowledge graphs. It maps files, functions, and classes into a node-edge model to visualize architectural dependencies and project structures. The project provides specialized workflows for impact analysis, tracing connectivity paths from code modifications to identify affected downstream components. It also enables technical onboarding through automated architecture tours and the conversion of technical documentation into navigable networks of interconnected ideas.

Gitdiagram is a software architecture visualization tool that generates interactive diagrams from repository file hierarchies. By performing automated static code analysis, the system maps file structures and component dependencies to provide a visual representation of how different modules relate within a codebase. The platform functions as a searchable documentation catalog, allowing users to discover and explore architectural visualizations of public repositories. It combines server-side rendering for initial delivery with a client-side engine that enables users to dynamically manipulate a

This project is a Go language extension for VS Code that provides a comprehensive development environment through a language server client, a debugging interface, and a test automation runner. It integrates language intelligence, formatting, and debugging capabilities to support the full Go language development lifecycle. The extension distinguishes itself by managing the Go toolchain, including the installation and configuration of external binaries required for language features. It also features a dedicated test automation interface that allows for the generation of unit test skeletons and

drawio is a web-based diagramming tool and cross-platform visual designer used for creating flowcharts, network maps, and technical schemas. It functions as a vector graphics editor and an XML-based diagramming engine that allows users to design and export scalable graphics. The software supports a wide range of technical design tasks, including infrastructure mapping for server layouts and the creation of visual aids for technical documentation. It enables the import of diagram files from other tools to facilitate cross-tool migration.

This extension provides a collection of visual themes for the editor, allowing users to apply custom color palettes and semantic highlighting rules to the interface. It functions as a comprehensive personalization tool that modifies the workspace aesthetic through structured theme definitions and automated synchronization. Beyond standard color adjustments, the extension enables the integration of custom background wallpapers and decorative character stickers. It includes utilities for overriding default interface images and modifying status bar labels, providing granular control over the vis

PakePlus-Android is a tool that converts any public webpage or static frontend project into a native desktop or mobile application. It wraps web content inside a configurable WebView shell, enabling the creation of cross-platform apps for Windows, Mac, Linux, Android, and iOS from a single source. The project distinguishes itself by automating the entire packaging and compilation pipeline through GitHub Actions, requiring no local development environment or dependencies. Users configure the app name, icon, window behavior, and platform-specific settings through a guided interface or configura

This project is a cross-platform desktop application that wraps web-based interfaces into a standalone, native container. By utilizing a webview-based rendering engine, it allows users to access web services as local applications on Windows, macOS, and Linux without requiring a full browser installation. The application is built on a memory-safe backend that manages system-level tasks and facilitates secure communication between the web frontend and the native operating system. This architecture enables features such as system-tray integration for background execution and quick access, provid

Electrobun is a desktop application framework and webview-based GUI toolkit used for building cross-platform desktop apps. It provides a TypeScript-based runtime and a native system webview to create interfaces that integrate embedded browser views with host-process logic. The project features a native GPU integration layer with direct FFI bindings, allowing for high-performance GPU surfaces and compute workloads to run within a desktop application. It also includes an inter-process communication bridge using a typed RPC system to exchange data and execute functions between the native backend

Claude Coder is an autonomous AI coding agent and development tool implemented as a VS Code extension. It functions as an LLM coding agent capable of generating code, debugging software, and implementing project designs directly within the development environment. The system acts as an autonomous software engineer that can research web content and coordinate the deployment of applications to remote environments. It integrates web research capabilities into the IDE to fetch external documentation and technical information. The tool covers a broad range of software engineering tasks, including

This project is a VS Code extension that integrates LeetCode problem solving directly into the editor. It functions as a code submission client and competitive programming tool, allowing users to browse, solve, and submit algorithmic challenges without leaving their development environment. The extension distinguishes itself by managing local workspaces and archives, enabling the organization of problem files and descriptions in configurable local folders. It supports multi-account session management and regional endpoint routing to handle different geographic service instances. The tool cov

Compodoc is a TypeScript API documentation generator, static site generator, and project architecture visualizer. It parses source code and JSDoc comments to create searchable technical reference sites, API catalogues, and standalone HTML pages. The project distinguishes itself by analyzing import statements to produce dependency graphs and module maps that illustrate the structural relationships within a codebase. It includes specialized support for visualizing Angular projects, NestJS workflows, and Stencil web components, and can embed live working demos directly into documentation pages.

OpenVSCode Server is an open-source project that runs the full Visual Studio Code editor as a web application served from a remote server, enabling development through any browser without local installation. It provides a browser-based IDE that combines containerized development environments, remote file system access, and server-side process management to deliver a complete remote development experience. The project supports the standard VS Code extension model, allowing plugins to add languages, debuggers, and tools without modification. It maintains real-time bidirectional communication be

i18n-ally is a VS Code extension and internationalization management tool designed to handle translation workflows directly within the code editor. It provides a system for extracting hardcoded strings, managing translation keys, and detecting missing locale values across a codebase. The tool distinguishes itself by providing an inline translation viewer that displays values and metadata next to keys in the source code. It also includes a machine translation integrator to automatically populate empty locale files with initial candidates and a locale file parser that supports multiple formats,

This project is a collection of themes, layout customizers, and automated installers for Visual Studio Code designed to create a dark-mode workspace aesthetic. It provides a set of dark color palettes and syntax highlighting configurations alongside a CSS UI customizer for modifying the editor's internal interface elements. The toolkit enables a modern visual design characterized by deep dark backgrounds, floating glass-effect panels, and rounded interface geometries. It utilizes custom stylesheets to alter panel radii, gaps, and sidebar margins, while adding interactive animations such as ho

vue-i18n-ally is a VS Code extension and translation manager designed to handle internationalization and localization workflows within Vue projects. It provides a set of developer-facing tools to extract, edit, and organize translation keys and values directly within the editor. The tool features an in-editor interface that displays translation values inline next to their keys and allows for direct modification of those values without switching between source code and locale files. It includes a localization quality auditor to detect missing translation keys and identifies hardcoded strings t

Jellyfin-desktop is a cross-platform media client for Windows, macOS, and Linux. It functions as a native wrapper that provides a standalone desktop shell for browsing and playing movies, music, and shows from a remote home media server. The application integrates Chromium with native operating system GPU drivers to provide hardware-accelerated video playback for high-resolution media streams. It utilizes an Electron-based runtime to render a web-based user interface within a native desktop environment. The client manages local file-system caching for session data and application assets to r