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

यह प्रोजेक्ट एक React-आधारित UI फ्रेमवर्क है जो स्केलेबल और सुलभ वेब इंटरफेस बनाने के लिए एक आधार के रूप में कार्य करता है। यह एप्लिकेशन्स में विज़ुअल लैंग्वेज और कंपोनेंट व्यवहार को मानकीकृत करने के लिए डिज़ाइन किए गए प्री-स्टाइल्ड कंपोनेंट्स और लेआउट कंटेनर्स का एक संग्रह प्रदान करता है। यह लाइब्रेरी कंपोज़िशन-आधारित आर्किटेक्चर का उपयोग करती है, जो डेवलपर्स को जटिल इंटरफेस पैटर्न बनाने के लिए सिंगल-पर्पस प्रिमिटिव्स को नेस्ट करने की अनुमति देती है। इन बिल्डिंग ब्लॉक्स को सीधे सिमेंटिक HTML एलिमेंट्स से मैप करके और प्रॉप-फॉरवर्डिंग पैटर्न का उपयोग करके, यह सिस्टम सुनिश्चित करता है कि मानक ब्राउज़र व्यवहार, कीबोर्ड नेविगेशन और स्क्रीन रीडर संगतता डिफ़ॉल्ट रूप से बनी रहे। विज़ुअल कंसिस्टेंसी को डिज़ाइन टोकन्स की एक केंद्रीकृत प्रणाली के माध्यम से बनाए रखा जाता है जो टाइपोग्राफी, स्पेसिंग और रंगों को नियंत्रित करती है। स्टाइलिंग सीधे कंपोनेंट एट्रिब्यूट्स के माध्यम से लागू की जाती है, जो बाहरी स्टाइलशीट पर निर्भरता को कम करती है और विभिन्न स्क्रीन साइज़ों पर रिस्पॉन्सिव लेआउट के निर्माण का समर्थन करती है।

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