awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

17 Repos

Awesome GitHub RepositoriesComponent Inspection Tools

Tools that allow developers to examine component hierarchies, modify properties, and query specifications or documentation for user interfaces.

Explore 17 awesome GitHub repositories matching development tools & productivity · Component Inspection Tools. Refine with filters or upvote what's useful.

Awesome Component Inspection Tools GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • facebook/reactAvatar von facebook

    facebook/react

    245,669Auf GitHub ansehen↗

    React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.

    Examines component hierarchies and modifies internal data to analyze performance metrics in the browser.

    JavaScriptjavascriptuifrontend
    Auf GitHub ansehen↗245,669
  • ant-design/ant-designAvatar von ant-design

    ant-design/ant-design

    98,362Auf GitHub ansehen↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Interactive inspection tools allow developers to query component specifications, design tokens, and DOM structures via an AI assistant.

    TypeScriptant-designantddesign-systems
    Auf GitHub ansehen↗98,362
  • vercel-labs/agent-browserAvatar von vercel-labs

    vercel-labs/agent-browser

    36,203Auf GitHub ansehen↗

    This project is an agentic framework designed to enable autonomous web navigation and browser automation. It functions as a controller that translates natural language instructions into deterministic browser actions, allowing agents to interact with websites, perform data extraction, and manage complex authentication flows. By leveraging accessibility trees and semantic element resolution, the framework mimics human-like navigation, moving beyond brittle DOM selectors to interact reliably with modern web interfaces. The framework distinguishes itself through its focus on secure, scalable exec

    Extracts and displays the component hierarchy including identifiers, props, and state to help agents understand the structure of a web application.

    Rust
    Auf GitHub ansehen↗36,203
  • floating-ui/floating-uiAvatar von floating-ui

    floating-ui/floating-ui

    32,629Auf GitHub ansehen↗

    Floating UI is a JavaScript positioning library and layout engine designed to calculate the exact coordinates for floating interface elements such as tooltips, popovers, and dropdowns. It functions as a floating element orchestrator that ensures these components remain visible and aligned relative to a reference element. The library features a platform-abstraction layer that decouples positioning logic from the document object model. This allows the engine to support both standard web environments and non-DOM targets, including canvas or graphics buffers, through custom coordinate and measure

    Provides specialized developer tools to examine and refine the placement of floating UI components.

    TypeScriptdropdownhacktoberfestpopover
    Auf GitHub ansehen↗32,629
  • filamentphp/filamentAvatar von filamentphp

    filamentphp/filament

    31,215Auf GitHub ansehen↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Allows verification of the presence and configuration of form fields and layout components.

    PHPadminalpine-jsbuilder
    Auf GitHub ansehen↗31,215
  • cinnamon/kotaemonAvatar von Cinnamon

    Cinnamon/kotaemon

    25,139Auf GitHub ansehen↗

    Kotaemon is an orchestration framework designed for building modular, agentic workflows that integrate document processing, retrieval-augmented generation, and multi-step reasoning. It provides a comprehensive platform for developing document-based question answering systems, allowing users to chain language models, prompt templates, and external tools into complex, automated pipelines. The system distinguishes itself through a highly modular architecture that emphasizes component-based composition and schema-driven data exchange. It supports autonomous agents capable of decomposing complex q

    Exposes internal component structures for visual debugging and interface generation.

    Pythonchatbotllmsopen-source
    Auf GitHub ansehen↗25,139
  • spicetify/cliAvatar von spicetify

    spicetify/cli

    23,479Auf GitHub ansehen↗

    This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

    Provides tools to examine the internal state and visual structure of interface components.

    JavaScriptcommand-linecommand-line-toolcustomization
    Auf GitHub ansehen↗23,479
  • prefecthq/fastmcpAvatar von PrefectHQ

    PrefectHQ/fastmcp

    22,994Auf GitHub ansehen↗

    FastMCP is a Python framework designed for building servers that expose functions, resources, and prompts to AI models using the Model Context Protocol. It simplifies the development process by automatically deriving tool metadata, input schemas, and documentation directly from Python function signatures and type hints. The framework provides a unified container for managing these components, allowing developers to build modular applications that integrate seamlessly with AI assistants. The project distinguishes itself through its support for interactive, server-defined user interface compone

    Displays registered tools and resources to verify configuration and availability during development.

    Pythonagentsfastmcpllms
    Auf GitHub ansehen↗22,994
  • letta-ai/lettaAvatar von letta-ai

    letta-ai/letta

    21,168Auf GitHub ansehen↗

    Letta is a framework for building, deploying, and managing autonomous AI agents that maintain persistent state across long-term interactions. It provides a comprehensive suite of primitives for defining agents with configurable personas, modular memory blocks, and tool-use capabilities, enabling them to retain user preferences and conversation history over extended sessions. The platform distinguishes itself through its advanced memory management and orchestration capabilities. It allows agents to autonomously update their own memory, perform retrieval-augmented generation, and coordinate com

    Lists available extractors and grader functions to help users identify and select the appropriate tools for their evaluation workflows.

    Pythonaiai-agentsllm
    Auf GitHub ansehen↗21,168
  • hoffstadt/dearpyguiAvatar von hoffstadt

    hoffstadt/DearPyGui

    15,217Auf GitHub ansehen↗

    DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

    Enables analysis of themes, resources, and performance metrics for debugging and optimizing user interface components.

    C++cppcross-platformdearpygui
    Auf GitHub ansehen↗15,217
  • reactjs/react.devAvatar von reactjs

    reactjs/react.dev

    11,765Auf GitHub ansehen↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Provides browser-based interfaces to examine component hierarchies and modify state in real-time.

    JavaScriptdocumentationjavascriptreact
    Auf GitHub ansehen↗11,765
  • mozilla-firefox/firefoxAvatar von mozilla-firefox

    mozilla-firefox/firefox

    11,305Auf GitHub ansehen↗

    Firefox is a cross-platform web browser engine designed to render web content, execute JavaScript, and manage secure browsing sessions. It utilizes a multi-process isolation architecture that distributes browser tasks across independent operating system processes to ensure stability and prevent site-specific failures from impacting the entire application. The engine incorporates a sandboxed execution environment to restrict web content and untrusted scripts to isolated memory compartments, enforcing security policies that prevent unauthorized access to system resources. The project distinguis

    Enables specialized developer tools for the browser's discovery stream interface to facilitate debugging and inspection of new tab page elements.

    JavaScript
    Auf GitHub ansehen↗11,305
  • facebook/react-devtoolsAvatar von facebook

    facebook/react-devtools

    11,012Auf GitHub ansehen↗

    React DevTools is a set of web browser developer tools integrated into Chrome and Firefox. It functions as a component inspector and UI debugger designed to visualize the component hierarchy and analyze the runtime behavior of React applications. The project includes a performance profiler used to detect unnecessary component re-renders and improve rendering efficiency. It also provides utilities for mapping virtual component trees to the physical DOM and linking rendered UI elements directly to their corresponding source code files and line numbers. The toolset covers component hierarchy vi

    Enables examination of current props, state, and context for each element within the component tree.

    Auf GitHub ansehen↗11,012
  • toly1994328/flutterunitAvatar von toly1994328

    toly1994328/FlutterUnit

    8,836Auf GitHub ansehen↗

    FlutterUnit is a cross-platform user interface showcase and component gallery. It functions as a searchable directory and library of reusable interface elements, providing live previews and a catalog of widgets for building applications. The project distinguishes itself by providing an interactive system for component exploration, where users can inspect detailed element properties, toggle source code visibility for sharing, and organize preferred elements into custom collections to manage design systems. The tool supports multi-platform compatibility verification, allowing for the compariso

    Provides tools to examine component hierarchies and analyze detailed attributes through interactive live previews.

    Dartdartflutterlearning
    Auf GitHub ansehen↗8,836
  • pry/pryAvatar von pry

    pry/pry

    6,832Auf GitHub ansehen↗

    Pry is a programmable Ruby shell, REPL console, and runtime developer environment. It serves as a debugging toolkit for inspecting object state, navigating bindings, and evaluating code within a running Ruby program. The project differentiates itself through advanced introspection and live iteration capabilities. It allows users to inject an interactive console into a running program at specific points to inspect local state and navigate different object scopes. It further enables live code iteration by integrating with external system editors to modify and reload method definitions without r

    Provides specialized commands to examine framework-specific state, such as application routes and data models, from the console.

    Ruby
    Auf GitHub ansehen↗6,832
  • vuejs/veturAvatar von vuejs

    vuejs/vetur

    5,751Auf GitHub ansehen↗

    Vetur is a Visual Studio Code extension that provides comprehensive language support for Vue single-file components. It parses .vue files into separate template, script, and style regions, then delegates each region to its own language service for independent processing. This architecture enables IntelliSense, type-checking, formatting, and linting across all embedded languages within a Vue file. The extension distinguishes itself through deep integration with Vue's component model. It infers TypeScript types for template expressions by analyzing component props, data, and computed properti

    Shows auto-completion and hover details for component properties from popular frameworks and custom components.

    TypeScripthacktoberfestvisual-studio-codevscode
    Auf GitHub ansehen↗5,751
  • facebook/componentkitAvatar von facebook

    facebook/componentkit

    5,787Auf GitHub ansehen↗

    ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe

    Provides component inspection tools for examining the visual layout of components in the hierarchy.

    Objective-C++
    Auf GitHub ansehen↗5,787
  1. Home
  2. Development Tools & Productivity
  3. Debugging, Profiling & Testing
  4. Debugging and Diagnostics
  5. Debugging and Inspection Tools
  6. Component Inspection Tools

Unter-Tags erkunden

  • Framework Inspection ToolsUtilities for injecting development tools into browsers to monitor framework-specific state and performance. **Distinct from Component Inspection Tools:** Distinct from Component Inspection Tools: focuses on framework-specific runtime injection, not just static hierarchy inspection.