16 रिपॉजिटरी
Architectural patterns for extending administrative interfaces with custom components.
Distinguishing note: Focuses on the registration and injection of UI components into a central configuration.
Explore 16 awesome GitHub repositories matching software engineering & architecture · Component Injection Systems. Refine with filters or upvote what's useful.
Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.
Allows developers to extend the administrative interface by registering custom React components.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Allows the rendering of arbitrary content at specific lifecycle points within panel views using a centralized hook system.
This project is a document transformation pipeline that compiles Markdown files into executable JavaScript components. By integrating JSX directly into standard text documents, it enables the creation of interactive content that functions as a component-based engine for modern frontend applications. The system distinguishes itself through a unified, plugin-driven architecture that processes content by converting it into an abstract syntax tree. This allows for deep customization of the compilation logic, enabling developers to map standard Markdown elements to custom interface components, inj
Enables embedding interactive JSX components directly into Markdown documents for dynamic frontend content.
Plate is a headless editor toolkit and framework designed for building custom rich text editing experiences. It provides a modular architecture that relies on a plugin-based system to manage document models, schema-driven node definitions, and state updates, allowing developers to assemble tailored content creation environments. The project distinguishes itself through a source-code injection pattern, where pre-built user interface templates and components are copied directly into the local project codebase. This approach ensures that developers maintain full control over the styling, markup,
Enables direct injection of pre-built UI templates into local projects for full control over styling.
This project is a declarative framework for building interactive web forms by parsing JSON Schema definitions. It functions as a component-based generator that automatically maps schema constraints to input fields and validation logic, ensuring that data collection remains consistent with defined structures. The library distinguishes itself through a registry-based architecture that allows for extensive customization of the user interface. Developers can override default widgets, field templates, and layout structures to accommodate unique data types or specific design requirements. It suppor
Uses a central registry to inject and override default widgets and field templates with custom implementations.
FileDownloader is an Android HTTP download manager and multi-threaded download engine designed for managing file transfers. It functions as a resumable transfer framework that utilizes a foreground service to maintain persistent background execution and prevent the operating system from terminating active tasks. The project features a pluggable networking library architecture, allowing the replacement of default network, storage, and database implementations with custom components. It employs a multi-threaded engine that increases transfer speeds by splitting files into chunks for simultaneou
Provides a pluggable architecture to replace default networking, storage, and database implementations with custom classes.
Dex is an OpenID Connect provider and identity federation proxy that translates authentication signals from various upstream sources into a unified OpenID Connect interface. It functions as a multi-protocol identity broker, enabling client applications to implement a single standard while delegating user verification to external identity providers. The project distinguishes itself through a pluggable connector architecture that bridges disparate protocols including LDAP, SAML, and OAuth2. It provides specific integrations for services such as GitHub, Google, GitLab, and Microsoft, while offer
Implements a pluggable architecture to translate various upstream authentication protocols into a unified OpenID Connect interface.
react-static is a React static site generator that transforms components into static HTML files to improve page load speed and search engine optimization. It functions as a progressive web app framework, exporting static HTML that hydrates into a full interactive application to enable real-time updates and instant navigation. The project distinguishes itself as a static site asset optimizer, using code-splitting and an asset prefetching queue to reduce perceived load times. It includes a dedicated MDX content processor to generate routes from Markdown files with JSX and frontmatter, as well a
Uses a top-level wrapper component to inject SEO metadata and scripts into the root HTML structure.
HMCL is a JVM-based cross-platform utility and Minecraft game launcher designed to install, manage, and launch multiple versions of Minecraft. It functions as an instance manager for organizing separate game profiles with unique settings and assets, as well as a mod loader manager for automating the installation of modification frameworks and community-created content. The project features a modular UI framework with a pluggable layout system, decoupling the visual interface from the core logic to allow for appearance and arrangement customizations. It automates the integration of modificatio
Implements a decoupled interface architecture that allows users to customize the appearance and arrangement of visual elements.
next-seo is a search engine optimization toolkit and component library for Next.js. It provides a set of React components and utilities for managing page titles, descriptions, and social media tags to improve how web pages are indexed and displayed. The project functions as a structured data manager and JSON-LD schema generator. It transforms entity data into standardized schema properties for articles, products, and organizations, enabling the implementation of rich snippets in search engine results. The toolkit covers a broad range of metadata management, including business identity mappin
Provides React components that automatically inject essential SEO meta tags and JSON-LD scripts into the page head.
Write-good एक कमांड-लाइन टेक्स्ट विश्लेषण टूल और इंग्लिश प्रोज़ लिंटर है जिसे व्याकरण संबंधी त्रुटियों और शैलीगत कमजोरियों की पहचान करने के लिए डिज़ाइन किया गया है। यह एक पठनीयता ऑप्टिमाइज़ेशन टूल के रूप में कार्य करता है जो पैसिव वॉइस और शब्दपूर्ण वाक्यांशों की पहचान करने के लिए दस्तावेज़ों को स्कैन करता है। यह सिस्टम एक अनुकूलन योग्य प्रोज़ स्टाइल चेकर के रूप में कार्य करता है, जो प्रोजेक्ट-विशिष्ट लेखन दिशानिर्देशों को लागू करने के लिए विशिष्ट भाषा नियमों और निषिद्ध शब्दों की परिभाषा की अनुमति देता है। यह टूल स्वचालित टेक्स्ट विश्लेषण, स्टाइल गाइड प्रवर्तन और तकनीकी लेखन गुणवत्ता सुधार के लिए क्षमताएं प्रदान करता है। यह कस्टम लिंटिंग रूल्स, रूल सेट एक्सटेंशन और फॉल्स पॉजिटिव्स को कम करने के लिए वाक्यांश व्हाइटलिस्टिंग के एकीकरण का समर्थन करता है।
Implements an architectural pattern that allows replacing or adding core linting logic via interface-based injection.
Wux एक कंपोनेंट-आधारित UI फ्रेमवर्क और लाइब्रेरी है जिसे विशेष रूप से WeChat Mini Program प्लेटफॉर्म के भीतर यूजर इंटरफेस बनाने के लिए डिज़ाइन किया गया है। यह पुन: प्रयोज्य और एक्सटेंसिबल कंपोनेंट्स का एक संग्रह प्रदान करता है जो विभिन्न स्क्रीन आकारों और उपकरणों पर एक समान लुक और फील सुनिश्चित करने के लिए क्रॉस-डिवाइस UI किट के रूप में कार्य करते हैं। फ्रेमवर्क एक मॉड्यूलर फ्रंटएंड कंपोनेंट आर्किटेक्चर को लागू करता है, जो डेवलपर्स को प्री-स्टाइल्ड विजुअल एलिमेंट्स का उपयोग करके रिस्पॉन्सिव लेआउट बनाने की अनुमति देता है। यह WeChat इकोसिस्टम में विजुअल कंसिस्टेंसी बनाए रखने के लिए कस्टमाइज़ेबल कंपोनेंट्स की एक प्रणाली का उपयोग करता है। प्रोजेक्ट प्रोप-संचालित कॉन्फ़िगरेशन, डायनामिक स्किनिंग के लिए CSS-वेरिएबल थीमिंग और मॉड्यूलर स्टाइल इंजेक्शन सहित आर्किटेक्चरल क्षमताओं की एक श्रृंखला को कवर करता है।
Employs a modular system of UI elements to ensure visual consistency and speed up development.
This project is a visual framework and design system for the Hexo static site generator. It provides a modular foundation for building blogs and documentation sites, utilizing a hierarchical template system to ensure consistent layout and aesthetic across all pages. The framework distinguishes itself through a configuration-driven approach that decouples site settings from core source code. Users can manage visual preferences, third-party service integrations, and modular components through external configuration files. It includes built-in support for responsive design, multi-language conten
Supports modular component injection through centralized configuration files.
This project is a comprehensive documentation framework and theme designed for building static websites. It functions as a modular system that transforms Markdown files into performant, interactive web content, providing a structured environment for technical documentation, project blogs, and information hubs. The framework distinguishes itself through deep extensibility and content-rich features that go beyond standard static site generation. It includes built-in support for complex technical requirements such as diagram and mathematical formula rendering, interactive code playgrounds, and m
Uses a modular system of reusable UI components to define site layouts, navigation structures, and visual styling across different pages.
Rspress तकनीकी दस्तावेज़ीकरण और ब्लॉग बनाने के लिए डिज़ाइन किया गया एक स्टैटिक साइट जनरेटर है। यह एक React-आधारित फ्रेमवर्क के रूप में कार्य करता है जो Markdown और MDX फाइलों को ऑप्टिमाइज़्ड स्टैटिक HTML में बदलता है, और संकलन (compilation) तथा साइट हाइड्रेशन को प्रबंधित करने के लिए एक उच्च-प्रदर्शन वाले Rust-आधारित बिल्ड इंजन का लाभ उठाता है। यह फ्रेमवर्क अपने मॉड्यूलर प्लगइन आर्किटेक्चर और कंपोनेंट-आधारित थीम सिस्टम के कारण अलग है, जो डेवलपर्स को बिल्ड पाइपलाइन्स का विस्तार करने और विज़ुअल इंटरफेस को कस्टमाइज़ करने की अनुमति देता है। इसमें सोर्स कोड से सीधे टाइप डेफिनिशन और कमेंट्स निकालकर स्वचालित API रेफरेंस जनरेशन के लिए नेटिव सपोर्ट शामिल है, साथ ही दस्तावेज़ीकरण पेजों के भीतर इंटरैक्टिव कंपोनेंट्स और लाइव कोड प्लेग्राउंड एम्बेड करने के लिए टूल्स भी हैं। यह प्रोजेक्ट कंटेंट डिस्कवरी और रखरखाव के लिए उपयोगिताओं का एक व्यापक सूट प्रदान करता है, जिसमें स्वचालित फुल-टेक्स्ट सर्च इंडेक्सिंग और साइटमैप जनरेशन शामिल है। इसमें AI-रेडी इंजीनियरिंग फीचर्स भी शामिल हैं, जो स्ट्रक्चर्ड मेटाडेटा और कॉन्टेक्स्ट फाइलें तैयार करते हैं जो लार्ज लैंग्वेज मॉडल्स को साइट कंटेंट की व्याख्या करने में सहायता करते हैं, साथ ही स्वचालित रखरखाव एजेंटों के लिए मार्गदर्शन फाइलें भी प्रदान करते हैं। डेवलपर्स प्रोजेक्ट स्कैफोल्डिंग, डेवलपमेंट सर्वर प्रिव्यू और कोड क्वालिटी टूल्स के कॉन्फ़िगरेशन को संभालने वाले कमांड-लाइन इंटरफेस के माध्यम से दस्तावेज़ीकरण साइट की पूरी लाइफसाइकिल का प्रबंधन कर सकते हैं। यह फ्रेमवर्क एक स्टैंडअलोन दस्तावेज़ीकरण साइट फ्रेमवर्क के रूप में इंस्टॉल और कॉन्फ़िगर करने के लिए डिज़ाइन किया गया है।
Structures the visual interface using modular UI components that allow for theme customization and layout overrides.
This project is a structured learning roadmap designed to guide developers through the essential skills and technologies required for professional web engineering. It functions as a curated technical curriculum that maps out logical progressions for mastering front-end and full-stack development, ranging from foundational markup and scripting to advanced cloud and artificial intelligence topics. The platform distinguishes itself by organizing complex technical landscapes into clear, actionable paths. By curating high-quality educational resources and expert-led training materials, it helps pr
Structures the user interface into reusable components to maintain consistent design patterns across educational content.