awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

20 个仓库

Awesome GitHub RepositoriesLayout Composition Frameworks

Systems for nesting and structuring UI components within containers to build complex interfaces.

Distinguishing note: Focuses on the structural composition and nesting of UI containers rather than generic styling.

Explore 20 awesome GitHub repositories matching user interface & experience · Layout Composition Frameworks. Refine with filters or upvote what's useful.

Awesome Layout Composition Frameworks GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • vuetifyjs/vuetifyvuetifyjs 的头像

    vuetifyjs/vuetify

    41,003在 GitHub 上查看↗

    This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib

    The library nests components within structured containers that reserve space to build sophisticated and organized user interfaces.

    TypeScriptjavascriptmaterialmaterial-components
    在 GitHub 上查看↗41,003
  • willmcgugan/textualwillmcgugan 的头像

    willmcgugan/textual

    36,292在 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

    Provides a system for nesting and structuring UI components within containers to build complex terminal and web interfaces.

    Python
    在 GitHub 上查看↗36,292
  • vbenjs/vue-vben-adminvbenjs 的头像

    vbenjs/vue-vben-admin

    32,666在 GitHub 上查看↗

    This project is a comprehensive administrative dashboard framework built for the Vue ecosystem. It serves as a modular starter kit designed to accelerate the development of large-scale, enterprise-grade web applications by providing a pre-configured foundation of reusable components and standardized layout patterns. The framework distinguishes itself through a configuration-driven approach to interface development, allowing developers to generate complex forms and tables from schema definitions rather than manual coding. It integrates dynamic route generation and role-based access control, en

    Offers a system for nesting and structuring UI components within standardized containers to build complex dashboard interfaces.

    Vueadmin-templateant-designelement-plus
    在 GitHub 上查看↗32,666
  • layui/layuilayui 的头像

    layui/layui

    30,544在 GitHub 上查看↗

    Layui is a web UI component library, frontend layout framework, and CSS asset optimizer. It provides a collection of pre-styled visual elements and layout patterns used to build browser-native web interfaces. The framework enables the composition of structured web pages through standardized design assets and CSS components. It includes tools for compressing stylesheets and resolving imports to improve loading speeds across different web browsers. The library covers web UI development and frontend layout composition, facilitating rapid interface prototyping by assembling functional frontends

    Offers a system for nesting and structuring UI components within containers to build consistent web layouts.

    JavaScriptcomponent-librarycsshtml
    在 GitHub 上查看↗30,544
  • element-plus/element-pluselement-plus 的头像

    element-plus/element-plus

    27,531在 GitHub 上查看↗

    Element Plus is a Vue.js UI component library and enterprise web design system used for building professional web applications with Vue.js 3. It provides a comprehensive set of pre-styled interactive components and tools designed for creating responsive user interfaces. The project includes a customizable component theme system for managing global CSS variables and dark mode palettes. It also features a Vue.js migration toolkit with automated transpilation tools to convert legacy UI code to current component standards. The library covers a wide range of capability areas, including high-perfo

    Provides a collection of pre-styled, responsive components for nesting and structuring complex user interfaces.

    TypeScriptcomponent-libraryelement-pluselement-ui
    在 GitHub 上查看↗27,531
  • prefecthq/fastmcpPrefectHQ 的头像

    PrefectHQ/fastmcp

    22,994在 GitHub 上查看↗

    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

    Arranges UI elements using nested containers to create complex, structured dashboards.

    Pythonagentsfastmcpllms
    在 GitHub 上查看↗22,994
  • teambit/bitteambit 的头像

    teambit/bit

    18,408在 GitHub 上查看↗

    Bit is a component-based development platform and monorepo orchestrator used to build, manage, and share reusable software components across projects. It functions as a system for modular software architecture, providing a component registry for publishing and distributing independent software modules via remote scopes. The platform distinguishes itself through lane-based versioning, which isolates feature development into parallel tracks for comparison and merging. It utilizes a scope-based namespace registry to organize components into hierarchical groups and employs environment-driven comp

    Provides a framework for assembling independent components into functional application shells and architectural layouts.

    TypeScriptaicollaborationcomponent-driven
    在 GitHub 上查看↗18,408
  • plotly/plotly.pyplotly 的头像

    plotly/plotly.py

    18,270在 GitHub 上查看↗

    Plotly.py is a comprehensive framework for building production-ready data applications and interactive dashboards directly from Python code. It functions as both a high-performance visualization library for browser-based charts and a full-stack tool for transforming analytical scripts into responsive, web-based interfaces. By abstracting away the need for manual HTML or JavaScript, it allows developers to define complex layouts and functional logic using modular, reusable components. The framework distinguishes itself through a robust architecture that handles event orchestration and state sy

    Enables defining application interfaces by nesting modular, reusable UI building blocks that encapsulate visual styling and functional logic.

    Pythond3dashboarddeclarative
    在 GitHub 上查看↗18,270
  • reactwindows/react-native-windowsReactWindows 的头像

    ReactWindows/react-native-windows

    17,296在 GitHub 上查看↗

    react-native-windows is a framework and rendering system used to build native desktop applications for Windows using React. It functions as an extension that brings a mobile-first development model to the Windows desktop environment, mapping React components directly to native Windows interface elements. The project enables the creation of desktop software through a declarative component-based architecture. It integrates React Native projects into the Windows ecosystem by translating components into native user interface elements rather than using web views. The framework covers cross-platfo

    Employs the WinUI 3 composition engine to handle the layout and rendering of the native visual tree.

    C++
    在 GitHub 上查看↗17,296
  • alibaba/lowcode-enginealibaba 的头像

    alibaba/lowcode-engine

    15,881在 GitHub 上查看↗

    This project is a modular framework designed for building custom visual editors and low-code design environments. It provides a core engine that manages the lifecycle of web application projects, enabling developers to construct extensible design surfaces, component management systems, and property configuration panels. The platform distinguishes itself through a plugin-based architecture that allows for the injection of custom functionality and UI components at runtime. It utilizes a standardized protocol for component metadata, ensuring that materials remain interoperable across different d

    Organizes the editor interface into modular panels and slots that can be dynamically configured.

    TypeScriptalibabalow-codelowcode
    在 GitHub 上查看↗15,881
  • bootstrap-vue/bootstrap-vuebootstrap-vue 的头像

    bootstrap-vue/bootstrap-vue

    14,450在 GitHub 上查看↗

    Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

    Implements a layout composition framework for building complex, responsive interfaces.

    JavaScripta11yaccessibilityaccessible
    在 GitHub 上查看↗14,450
  • facebookarchive/asyncdisplaykitfacebookarchive 的头像

    facebookarchive/AsyncDisplayKit

    13,345在 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

    Defines relationships between UI elements using container specifications to arrange children in stacks or overlays.

    Objective-C++
    在 GitHub 上查看↗13,345
  • akveo/react-native-ui-kittenakveo 的头像

    akveo/react-native-ui-kitten

    10,677在 GitHub 上查看↗

    UI Kitten is a cross-platform mobile UI library and design framework for building mobile interfaces. It provides a collection of reusable, accessible visual components and layout blocks that strictly follow the Eva Design System specifications. The library features built-in support for dynamic theming, allowing applications to switch between light and dark modes or custom color schemes at runtime. It utilizes a token-based color mapping system and a shared context provider to ensure visual consistency across all screens. The framework includes a library of standardized production-ready eleme

    Provides structural blocks and screen templates that can be nested to build complex application layouts.

    TypeScript
    在 GitHub 上查看↗10,677
  • linebender/druidlinebender 的头像

    linebender/druid

    9,710在 GitHub 上查看↗

    Druid is a native user interface toolkit and 2D graphics engine for the Rust programming language. It functions as a retained-mode, data-driven framework for building graphical user interfaces that run across Linux, macOS, and web browsers via WebAssembly. The toolkit distinguishes itself through a data-first approach to UI design, utilizing lenses to isolate subsets of global application state and synchronize them with specific widgets. This allows the visual layout to update automatically when the underlying data model changes. Its capability surface includes a constraint-based box layout

    Enables the construction of complex interfaces by nesting widgets, flex containers, and custom painters.

    Rust
    在 GitHub 上查看↗9,710
  • cocos/cocos-enginecocos 的头像

    cocos/cocos-engine

    9,651在 GitHub 上查看↗

    Cocos Engine is a cross-platform game engine designed for building high-performance 2D and 3D interactive experiences for web, mobile, and desktop platforms. It features a multi-backend rendering engine and a 2D and 3D physics simulator, utilizing a core architecture that combines a C++ runtime for performance with TypeScript for game logic scripting. The engine distinguishes itself through a multi-platform deployment system that packages projects for native operating systems and instant-play web ecosystems. Its graphics system supports multiple APIs, employing physically based rendering and

    Implements structured layout systems for nesting and organizing interactive UI components.

    C++3dcocoscocoscreator
    在 GitHub 上查看↗9,651
  • skidding/cosmosskidding 的头像

    skidding/cosmos

    8,665在 GitHub 上查看↗

    Cosmos is a UI component sandbox and development tool used for building and testing user interface elements in isolation from main application logic. It serves as a frontend design system tool and a modular prototyping environment for verifying the visual behavior and functionality of reusable interface components. The tool provides a dedicated workspace for iterating on visual elements and their states without requiring a full application deployment. This environment supports a frontend design system workflow by allowing components to be developed and documented independently before project

    Provides a flexible container system for nesting and structuring UI components to test responsiveness across screen sizes.

    TypeScript
    在 GitHub 上查看↗8,665
  • zhiyiyo/pyqt-fluent-widgetszhiyiYo 的头像

    zhiyiYo/PyQt-Fluent-Widgets

    7,651在 GitHub 上查看↗

    PyQt-Fluent-Widgets is a Python GUI component library and framework extension that provides a set of pre-styled UI components following modern Fluent design standards. It replaces standard PyQt controls with a specialized widget set designed for building contemporary desktop applications. The library distinguishes itself by offering advanced layout patterns, such as waterfall grids, loading skeleton screens, and split-view application shells. It provides a comprehensive collection of high-level interface elements, including navigation menu systems, configuration setting cards, and complex vie

    Provides architectural shells and navigation views by assembling modular styled components into complex application layouts.

    Pythoncustomfluentfluent-design
    在 GitHub 上查看↗7,651
  • xceedsoftware/wpftoolkitxceedsoftware 的头像

    xceedsoftware/wpftoolkit

    4,144在 GitHub 上查看↗

    wpftoolkit 是一个用于构建 Windows 桌面应用程序的 UI 组件库和开发工具集。它提供了一系列预构建的输入控件、布局面板和专用组件,旨在扩展标准界面的功能。 该项目包含一个数据可视化工具包,可通过图表、仪表盘和三维视图渲染复杂数据集。它还具备一个窗口管理框架,通过停靠布局、向导流程和容器控件来组织应用程序结构,并配有一个用于管理界面组件外观的视觉主题引擎。 该套件还涵盖了辅助功能和自动化集成,将内部控件逻辑映射到相关框架,从而向辅助技术和程序化测试工具暴露界面元素。

    Provides a system for nesting specialized layout panels and container controls to build complex hierarchical interfaces.

    C#controlsdatagriddatagrid-component
    在 GitHub 上查看↗4,144
  • midudev/jscampmidudev 的头像

    midudev/jscamp

    3,811在 GitHub 上查看↗

    jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

    Assembles complex user interfaces by nesting modular, specialized components within a structured layout.

    JavaScriptbootcamp
    在 GitHub 上查看↗3,811
  • vaadin/frameworkvaadin 的头像

    vaadin/framework

    1,805在 GitHub 上查看↗

    This framework is a server-side development platform for building interactive, data-driven web applications using Java. It provides a comprehensive component model that allows developers to construct complex user interfaces entirely through backend code, abstracting away the need to manually manage HTML, CSS, or client-side scripting. The platform distinguishes itself by maintaining the application state and user interface hierarchy on the server, synchronizing changes to the browser through a persistent communication channel. This architecture enables developers to bind backend domain object

    Structures user interfaces through programmatic object hierarchies that automatically translate into responsive web markup.

    Javajavavaadinvaadin-framework
    在 GitHub 上查看↗1,805
  1. Home
  2. User Interface & Experience
  3. Layout Composition Frameworks

探索子标签

  • Application Shell CompositionAssembling independent modular components into a functional layout and routing structure. **Distinct from Layout Composition Frameworks:** Distinct from Layout Composition Frameworks: focuses on the architectural assembly of a full application shell, not just UI nesting.