7 个仓库
Architectural approaches for building complex UI from interchangeable, modular parts.
Distinguishing note: Focuses on the composition pattern rather than specific component implementations.
Explore 7 awesome GitHub repositories matching software engineering & architecture · Component Composition Patterns. Refine with filters or upvote what's useful.
Select2 is a searchable, modular UI framework designed to enhance standard HTML select elements. It transforms basic form controls into interactive, accessible dropdown interfaces that support multi-selection, tagging, and real-time filtering. By providing a robust set of tools for managing complex data inputs, it enables developers to create more responsive and user-friendly selection components. The project is distinguished by its adapter-based architecture, which allows for deep customization of rendering, data processing, and selection logic. Developers can extend core functionality throu
Separates logic into interchangeable adapter classes for data, rendering, and behavior.
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
Enables modular pipeline composition by linking reusable processing units into flexible workflows.
This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t
Provides architectural approaches for building complex UI from interchangeable, modular parts.
GDevelop is a no-code game engine designed for building interactive 2D applications through a visual scripting environment. It allows users to define game logic and object interactions using a graphical interface of conditions and actions, eliminating the need for traditional programming. The platform functions as a cross-platform creator, enabling the export of projects to web, desktop, and mobile environments from a single codebase. The engine is built on a modular game development extension framework that supports the creation and sharing of reusable behaviors and logic components. Develop
Groups independent entities and behaviors into modular containers that maintain encapsulated state and logic across the entire project.
This project is a comprehensive guide to architectural patterns and design techniques for building modular user interfaces with React. It focuses on structuring component hierarchies, implementing state management patterns, and decoupling services to ensure applications remain maintainable and scalable. The collection emphasizes strategies for dependency injection and the separation of business logic from presentation layers. It provides detailed approaches for utilizing containers, higher-order components, and module registries to isolate external services and third-party libraries from the
Implements architectural approaches for building complex user interfaces from interchangeable and modular components.
这是一个基于 React 的 UI 框架,作为构建可扩展且易用 Web 界面的基础。它提供了一系列预设样式的组件和布局容器,旨在标准化应用间的视觉语言和组件行为。 该库利用基于组合的架构,允许开发者嵌套单一用途的原语来构建复杂的界面模式。通过将这些构建块直接映射到语义化 HTML 元素并采用属性转发模式,该系统确保了默认保留标准的浏览器行为、键盘导航和屏幕阅读器兼容性。 视觉一致性通过集中的设计令牌系统维护,该系统管理排版、间距和颜色。样式直接通过组件属性应用,减少了对外部样式表的依赖,同时支持在不同屏幕尺寸下构建响应式布局。
Provides modular primitives that allow developers to nest single-purpose components to construct complex, accessible interface patterns.
Chakra Templates is a collection of prebuilt, responsive interface patterns designed for integration into React applications. It functions as a frontend design system resource, providing modular UI building blocks that allow developers to maintain consistent styling and layout standards across multiple application screens. The repository provides raw source code for every template, enabling direct integration and full customization within local project files. By utilizing a style-prop-driven approach, these components map design tokens to attributes, ensuring that layouts remain consistent wi
Provides architectural patterns for constructing complex user interfaces from interchangeable, modular components.