19 Repos
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 19 awesome GitHub repositories matching user interface & experience · Layout Composition Frameworks. Refine with filters or upvote what's useful.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
wpftoolkit ist eine UI-Komponentenbibliothek und ein Entwicklungs-Toolset für den Aufbau von Windows-Desktopanwendungen. Es bietet eine Sammlung vorgefertigter Eingabesteuerelemente, Layout-Panels und spezialisierter Komponenten, die darauf ausgelegt sind, Standard-Interface-Funktionen zu erweitern. Das Projekt enthält ein Toolkit zur Datenvisualisierung für das Rendering komplexer Datensätze mittels Diagrammen, Gauges und dreidimensionalen Ansichten. Es bietet zudem ein Fenster-Management-Framework zur Organisation von Anwendungsstrukturen durch Docking-Layouts, Wizard-Flows und Container-Steuerelemente, neben einer visuellen Themen-Engine zur Verwaltung des Erscheinungsbilds von Interface-Komponenten. Die Suite deckt zudem Barrierefreiheit und Automatisierungsintegration ab und bildet interne Steuerungslogik auf Frameworks ab, die Interface-Elemente für assistierende Technologien und programmatische Test-Tools zugänglich machen.
Provides a system for nesting specialized layout panels and container controls to build complex hierarchical interfaces.
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.