awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

58 dépôts

Awesome GitHub RepositoriesComponent Hierarchies

Architectural patterns for building user interfaces through nested, stateful widgets.

Distinguishing note: Focuses on the structural hierarchy of UI components rather than specific styling frameworks.

Explore 58 awesome GitHub repositories matching user interface & experience · Component Hierarchies. Refine with filters or upvote what's useful.

Awesome Component Hierarchies GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • facebook/reactAvatar de facebook

    facebook/react

    245,669Voir sur GitHub↗

    React est une bibliothèque JavaScript pour créer des interfaces utilisateur basées sur une architecture orientée composants et un flux de données unidirectionnel.

    Organizes complex designs into a hierarchy of smaller, reusable components.

    JavaScriptjavascriptuifrontend
    Voir sur GitHub↗245,669
  • willmcgugan/textualAvatar de willmcgugan

    willmcgugan/textual

    36,292Voir sur GitHub↗

    Textual is a Python TUI framework and asynchronous UI library used to build interactive text user interfaces. It provides a component-based architecture for creating cross-platform applications that run in both terminal and web browser environments. The framework distinguishes itself by utilizing a CSS-based layout engine to apply visual styles to widgets and a command palette interface for discovering and executing application functions. It also supports hosting terminal-based interfaces on the web to enable remote access via a standard browser. The toolkit covers a broad range of capabilit

    Organizes the user interface as a tree of nested widgets that propagate styling and layout constraints.

    Python
    Voir sur GitHub↗36,292
  • textualize/textualAvatar de Textualize

    Textualize/textual

    36,285Voir sur GitHub↗

    This project is a framework for building interactive, graphical-style terminal applications. It provides a declarative component model that organizes user interfaces into a tree of nested widgets, each managing its own lifecycle, state, and rendering. By subclassing the base application class, developers can construct complex, keyboard-navigable interfaces that run directly within terminal emulators. The framework distinguishes itself through a reactive architecture and a CSS-based layout engine. It uses a reactive attribute system to automatically track state changes and trigger targeted int

    Organizes the user interface into a tree of nested objects that manage their own lifecycle, state, and rendering.

    Pythoncliframeworkpython
    Voir sur GitHub↗36,285
  • fyne-io/fyneAvatar de fyne-io

    fyne-io/fyne

    27,941Voir sur GitHub↗

    Fyne is a cross-platform graphical user interface toolkit for the Go programming language. It provides a comprehensive framework for building native applications that run on desktop, mobile, and web environments from a single codebase. The toolkit centers on a canvas-based rendering engine and a device-independent layout engine, ensuring that visual elements maintain consistent dimensions and behavior across diverse operating systems and screen densities. The project distinguishes itself through a reactive data-binding system that automatically synchronizes application state with interface co

    Organizes user interface components into a tree-based hierarchy for layout and event propagation.

    Goandroidcross-platformfyne
    Voir sur GitHub↗27,941
  • artf/grapesjsAvatar de artf

    artf/grapesjs

    25,918Voir sur GitHub↗

    GrapesJS is a framework for creating no-code visual editors that produce HTML and CSS templates. It provides a browser-based interface for designing website and newsletter structures using a drag-and-drop page editor. The project functions as a web builder framework, enabling the development of custom design environments. It includes a system for managing nested HTML elements, modifying layout properties via a graphical interface, and organizing components through a page layer hierarchy. The toolset covers digital asset management for organizing images and files, as well as the ability to pe

    Implements a tree-structure view for organizing and managing the nesting of visual components within a page layout.

    TypeScript
    Voir sur GitHub↗25,918
  • grapesjs/grapesjsAvatar de GrapesJS

    GrapesJS/grapesjs

    25,518Voir sur GitHub↗

    GrapesJS is a modular, web-based visual editor framework designed for building drag-and-drop page builders and custom content management interfaces. It functions as a structural engine that manages hierarchical document models, allowing developers to create reusable design blocks and complex page compositions. By providing a schema-driven approach to UI configuration, the framework enables the construction of design environments where users can assemble layouts and manage component properties visually without writing raw code. The project distinguishes itself through a highly extensible, plug

    Manages elements as a nested structure of objects that track properties and relationships.

    TypeScriptdrag-and-dropframeworkno-code
    Voir sur GitHub↗25,518
  • didi/doraemonkitAvatar de didi

    didi/DoraemonKit

    20,420Voir sur GitHub↗

    DoraemonKit is a mobile frontend development toolset designed to optimize the lifecycle of web and hybrid mobile applications. It functions as a comprehensive suite of productivity tools, providing specialized utilities for mobile UI inspection, web view debugging, and on-device performance monitoring. The toolset distinguishes itself through several targeted simulation and interception capabilities. It includes a network traffic interceptor for mocking API responses without modifying source code, a device state simulator for overriding GPS coordinates, and a mobile web debugging bridge that

    Extracts visual properties and layout coordinates by traversing the native UI tree of the active application.

    Java
    Voir sur GitHub↗20,420
  • preservim/nerdtreeP

    preservim/nerdtree

    20,077Voir sur GitHub↗

    This project is a directory browser for Vim and Neovim that displays the file system as a tree structure. It enables visual navigation of folder hierarchies and the opening of files directly within the editor. The plugin provides a customizable interface for adding custom mappings, functions, and third-party extensions. This extension interface allows the directory explorer's behavior to be modified through the registration of additional logic. The system covers visual file management, allowing users to perform file system operations from the explorer interface. It translates directory hiera

    Translates directory hierarchies into a nested visual tree for navigation and file management.

    Vim Script
    Voir sur GitHub↗20,077
  • blender/blenderAvatar de blender

    blender/blender

    18,787Voir sur GitHub↗

    Blender is a professional 3D creation suite designed for modeling, animation, rendering, and video editing. It functions as an open-source 3D engine that provides a comprehensive framework for procedural geometry, physics simulation, and high-quality visual output. The platform is built upon a foundational architecture that utilizes data-block-based memory management and a dependency-graph-based evaluation system to handle complex scene transformations and geometry updates. The software distinguishes itself through a highly modular, node-based procedural architecture that allows users to cons

    Organizes interface elements into a tree structure with dedicated drawing callbacks to support interactive workflows.

    C++3danimationb3d
    Voir sur GitHub↗18,787
  • mhnightcat/superfileAvatar de MHNightCat

    MHNightCat/superfile

    17,522Voir sur GitHub↗

    Superfile is a cross-platform terminal file manager and TUI file explorer. It provides a keyboard-driven interface for browsing the filesystem and managing local files and folders within a command line environment. The application enables local file system administration and command line workflows by allowing users to navigate directory structures and perform file operations without manual path commands. It is designed as a cross-platform CLI tool to ensure consistent filesystem manipulation across different operating systems.

    Organizes the TUI into a tree of modular components that manage their own rendering and event logic.

    Go
    Voir sur GitHub↗17,522
  • hackiftekhar/iqkeyboardmanagerAvatar de hackiftekhar

    hackiftekhar/IQKeyboardManager

    16,623Voir sur GitHub↗

    IQKeyboardManager is an iOS keyboard management library and UI layout utility. It automatically adjusts screen layouts to prevent the software keyboard from covering text input fields. The project provides a customizable keyboard toolbar component with navigation buttons and action triggers. It enables focus management, allowing users to move between text fields via the return key or toolbar controls. The library covers keyboard layout coordination, including touch-based dismissal and offset configuration. It also includes a system for managing keyboard behaviors and appearance on a per-clas

    Recursively scans the native iOS view hierarchy to locate active text input fields and determine screen positions.

    Swift
    Voir sur GitHub↗16,623
  • trueadm/infernoAvatar de trueadm

    trueadm/inferno

    16,420Voir sur GitHub↗

    Inferno is an isomorphic JavaScript framework and virtual DOM UI library used for building user interfaces. It functions as a server-side rendering engine that converts virtual nodes into HTML strings for the server and hydrates them on the client to optimize initial load speeds and search engine indexing. The framework features a synthetic event system that provides a normalized interface for handling browser interactions consistently across different web environments. It employs a reactive UI model to synchronize state-driven updates and reactive streams with the browser document object mod

    Implements portals to project component children into arbitrary DOM nodes regardless of their logical hierarchy.

    JavaScript
    Voir sur GitHub↗16,420
  • getgrav/gravAvatar de getgrav

    getgrav/grav

    15,395Voir sur GitHub↗

    Grav is a flat-file content management system that eliminates the need for a traditional database by storing site content and configuration in human-readable Markdown and YAML files. Built as a modular PHP web framework, it uses a hierarchical page routing system where the physical directory structure directly determines the site's URL paths. The platform is distinguished by its event-driven plugin architecture and a command-line interface that prioritizes system administration, deployment, and maintenance tasks. It utilizes a blueprint-driven system to generate administrative forms from stru

    Provides tools to traverse the site's hierarchical page structure for navigation and content discovery.

    PHPcmscontentcontent-management
    Voir sur GitHub↗15,395
  • hoffstadt/dearpyguiAvatar de hoffstadt

    hoffstadt/DearPyGui

    15,217Voir sur GitHub↗

    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

    Manages the structural organization of graphical elements through hierarchical parent-child relationships.

    C++cppcross-platformdearpygui
    Voir sur GitHub↗15,217
  • flextool/flexAvatar de FLEXTool

    FLEXTool/FLEX

    14,584Voir sur GitHub↗

    FLEX is a diagnostic framework designed for the inspection and modification of mobile applications during active execution. It provides a suite of tools that allow developers to explore the internal state of a running process, including its memory, class definitions, and object properties, without requiring a recompilation of the source code. The tool distinguishes itself by enabling real-time interaction with the application environment. It facilitates dynamic user interface prototyping by allowing for the traversal and modification of visual hierarchies, as well as the direct manipulation o

    Recursively walks the interface component tree to allow for real-time inspection and modification of visual layout properties.

    Objective-C
    Voir sur GitHub↗14,584
  • rstacruz/cheatsheetsAvatar de rstacruz

    rstacruz/cheatsheets

    14,429Voir sur GitHub↗

    This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she

    Provides patterns for locating nodes within a component tree using selectors and filters.

    SCSS
    Voir sur GitHub↗14,429
  • marko-js/markoAvatar de marko-js

    marko-js/marko

    14,375Voir sur GitHub↗

    Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

    Organizes user interfaces into a tree of encapsulated, stateful components that manage their own logic.

    JavaScriptclient-side-renderingdomfrontend
    Voir sur GitHub↗14,375
  • facebookarchive/asyncdisplaykitAvatar de facebookarchive

    facebookarchive/AsyncDisplayKit

    13,345Voir sur GitHub↗

    AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

    Generates an ASCII representation of the node hierarchy to troubleshoot visual arrangements.

    Objective-C++
    Voir sur GitHub↗13,345
  • dip/cmdkAvatar de dip

    dip/cmdk

    12,695Voir sur GitHub↗

    cmdk is an unstyled, headless React component library for building accessible search-based navigation and command interfaces. It provides the logic and state management required to create keyboard-navigable command palettes that filter lists of actions and items based on user input. The library distinguishes itself by remaining visually agnostic, offering a collection of logic-heavy components without predefined styles. It supports advanced organization through hierarchical menu navigation, nested paging systems, and conditional group filtering that hides categories when no child items match

    Implements a UI pattern for triggering actions and navigating applications via a text-based search input.

    TypeScriptcomboboxcommand-menucommand-palette
    Voir sur GitHub↗12,695
  • anomalyco/opentuiAvatar de anomalyco

    anomalyco/opentui

    12,131Voir sur GitHub↗

    Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

    Uses a virtual node component tree to nest declarative elements into complex visual hierarchies.

    TypeScript
    Voir sur GitHub↗12,131
Préc.123Suivant
  1. Home
  2. User Interface & Experience
  3. Component Hierarchies

Explorer les sous-tags

  • Clipping ContainersUI patterns that use overflow clipping to hide content during structural transitions. **Distinct from Component Hierarchies:** Distinct from Component Hierarchies: focuses specifically on the clipping and stacking mechanism for content disclosure.
  • File System Hierarchy VisualizersTools for generating visual maps or tree structures of file and folder organizations. **Distinct from Hierarchy Visualizers:** Distinct from UI component visualizers by targeting actual file system or cloud drive directory structures.
  • Hierarchy Traversers5 sous-tagsTools for recursively walking and modifying visual component trees in real time. **Distinct from Component Hierarchies:** Distinct from Component Hierarchies: focuses on the active traversal and modification of the tree rather than the structural pattern itself.
  • Hierarchy Visualizers1 sous-tagInteractive tools for mapping and exploring the nested structure of UI components. **Distinct from Component Hierarchies:** Distinct from Component Hierarchies: provides the active tool for visualization rather than the architectural pattern itself.
  • Portal RenderingMechanisms for projecting component children into different DOM nodes while maintaining context. **Distinct from Component Hierarchies:** Distinct from Component Hierarchies: focuses on the specific capability of rendering outside the parent hierarchy rather than general structural patterns.
  • Selector HierarchiesStructures for organizing element selectors into nested hierarchies that mirror application interfaces. **Distinct from Component Hierarchies:** Distinct from general component hierarchies: focuses on the structural organization of test selectors rather than UI rendering logic.
  • Widget Drawing Hierarchies4 sous-tagsUI structures that organize elements into trees with dedicated drawing callbacks for custom layouts. **Distinct from Component Hierarchies:** Distinct from general component hierarchies: focuses on drawing callbacks for custom UI layouts.