Awesome GitHub RepositoriesComponent Composition Patterns

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

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

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

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

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

Este proyecto es un framework de UI basado en React que sirve como base para construir interfaces web escalables y accesibles. Proporciona una colección de componentes pre-estilizados y contenedores de diseño pensados para estandarizar el lenguaje visual y el comportamiento de los componentes en todas las aplicaciones. La librería utiliza una arquitectura basada en composición, permitiendo a los desarrolladores anidar primitivas de propósito único para construir patrones de interfaz complejos. Al mapear estos bloques de construcción directamente a elementos HTML semánticos y emplear un patrón de propagación de props, el sistema asegura que los comportamientos estándar del navegador, la navegación por teclado y la compatibilidad con lectores de pantalla se preserven por defecto. La consistencia visual se mantiene mediante un sistema centralizado de design tokens que gobiernan la tipografía, el espaciado y el color. El estilo se aplica directamente a través de atributos de los componentes, lo que reduce la dependencia de hojas de estilo externas mientras permite la construcción de layouts responsivos en diferentes tamaños de pantalla.

Chakra Templates es una colección de patrones de interfaz responsivos preconstruidos diseñados para su integración en aplicaciones React. Funciona como un recurso de sistema de diseño frontend, proporcionando bloques de construcción de UI modulares que permiten a los desarrolladores mantener estándares de estilo y diseño consistentes en múltiples pantallas de la aplicación. El repositorio proporciona el código fuente original para cada plantilla, permitiendo la integración directa y la personalización completa dentro de los archivos del proyecto local. Al utilizar un enfoque basado en propiedades de estilo (style-props), estos componentes mapean tokens de diseño a atributos, asegurando que los diseños permanezcan consistentes con el sistema de diseño subyacente mientras admiten ajustes responsivos mediante la inyección de breakpoints. La colección cubre una amplia gama de patrones de interfaz listos para producción, incluyendo vistas comunes de aplicaciones web y diseños interactivos. Los desarrolladores pueden previsualizar estos componentes en marcos aislados para verificar su comportamiento en diferentes tamaños de pantalla antes de copiar el código fuente en sus propios proyectos para acelerar los flujos de trabajo de desarrollo.