awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

14 مستودعات

Awesome GitHub RepositoriesCustom Components

Frameworks for registering and mounting user-defined frontend elements.

Distinguishing note: Focuses on the registration of custom web elements.

Explore 14 awesome GitHub repositories matching user interface & experience · Custom Components. Refine with filters or upvote what's useful.

Awesome Custom Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • streamlit/streamlitالصورة الرمزية لـ streamlit

    streamlit/streamlit

    44,982عرض على GitHub↗

    Streamlit is a Python framework designed to transform data scripts into interactive web applications. It utilizes a reactive execution engine that automatically reruns scripts from top to bottom whenever a user interaction triggers a state change, ensuring the interface remains synchronized with the underlying data. By providing a declarative interface, it allows developers to build functional applications without requiring extensive knowledge of frontend web technologies. The framework distinguishes itself through an identity-based widget reconciliation system that persists user input across

    Allows mounting custom frontend elements built with standard web languages to extend core application functionality.

    Pythondata-analysisdata-sciencedata-visualization
    عرض على GitHub↗44,982
  • swagger-api/swagger-uiالصورة الرمزية لـ swagger-api

    swagger-api/swagger-ui

    28,853عرض على GitHub↗

    Swagger UI is an OpenAPI specification renderer and documentation interface that transforms JSON or YAML API definitions into a navigable, searchable website. It functions as an OpenAPI documentation UI and request client, providing a visual catalog for exploring endpoints and sending live HTTP requests to a server using a schema-defined interface. The project distinguishes itself through a plugin-based extension system and a schema-driven UI generation model. This architecture allows for the injection of custom components, state selectors, and helper functions to modify core behavior and lay

    Allows registering and replacing interface elements with custom component implementations.

    JavaScripthacktoberfestoasopen-source
    عرض على GitHub↗28,853
  • grapesjs/grapesjsالصورة الرمزية لـ GrapesJS

    GrapesJS/grapesjs

    25,518عرض على GitHub↗

    GrapesJS is a modular, web-based visual editor framework designed for building drag-and-drop page builders and custom content management interfaces. It functions as a structural engine that manages hierarchical document models, allowing developers to create reusable design blocks and complex page compositions. By providing a schema-driven approach to UI configuration, the framework enables the construction of design environments where users can assemble layouts and manage component properties visually without writing raw code. The project distinguishes itself through a highly extensible, plug

    Supports binding unique behaviors and rendering patterns to specific elements.

    TypeScriptdrag-and-dropframeworkno-code
    عرض على GitHub↗25,518
  • lit/litالصورة الرمزية لـ lit

    lit/lit

    21,679عرض على GitHub↗

    Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

    Registers classes as standard browser custom elements to enable the creation of reusable, interoperable UI components.

    TypeScripthtml-templateslitlit-element
    عرض على GitHub↗21,679
  • didi/logicflowالصورة الرمزية لـ didi

    didi/LogicFlow

    11,441عرض على GitHub↗

    LogicFlow is an SVG-based flowchart editing framework and visual graph editor used for building customizable business process diagrams. It serves as a customizable diagramming engine for rendering business process models, entity relationship diagrams, and unified modeling language charts. The system is characterized by a plugin-based architecture that allows developers to define specialized graphical elements and register pluggable modules. A distinctive feature is its overlay system, which positions standard HTML components on top of the SVG canvas to create interactive menus and control pan

    Supports the registration and mounting of user-defined frontend components using any frontend framework.

    TypeScriptbpmndiagramdiagramming
    عرض على GitHub↗11,441
  • linebender/druidالصورة الرمزية لـ linebender

    linebender/druid

    9,710عرض على GitHub↗

    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

    Allows developers to define bespoke UI components by implementing standard traits for event handling, layout, and painting.

    Rust
    عرض على GitHub↗9,710
  • fishjar/kiss-translatorالصورة الرمزية لـ fishjar

    fishjar/kiss-translator

    8,826عرض على GitHub↗

    kiss-translator is a browser extension that provides an AI translation pipeline to render bilingual web content. It functions as a bilingual web translator, displaying original and translated text side-by-side while preserving the layout, formatting, and links of the original webpage. The tool distinguishes itself through deep AI customization, using terminology glossaries, conversation memory, and variable-based prompt templating to improve translation accuracy. It supports real-time translation streaming and allows users to compare outputs from multiple translation services simultaneously w

    Allows users to define bespoke interfaces for displaying translation results by hooking into the processing pipeline.

    JavaScriptextensiontranslatetranslation
    عرض على GitHub↗8,826
  • markdoc/markdocالصورة الرمزية لـ markdoc

    markdoc/markdoc

    8,060عرض على GitHub↗

    Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts

    Creates reusable custom elements for tags to encapsulate rendering logic within Markdown content.

    TypeScriptauthoringdocumentationmarkdoc
    عرض على GitHub↗8,060
  • leaverou/awesompleteالصورة الرمزية لـ LeaVerou

    LeaVerou/awesomplete

    6,979عرض على GitHub↗

    Awesomplete is a lightweight JavaScript library for adding searchable suggestion lists to text fields. It functions as an HTML-based autocomplete widget that renders filtered results from arrays, HTML elements, or comma-separated strings with zero external dependencies. The library includes a customizable suggestion engine that allows for the definition of custom matching logic, sorting rules, and trigger thresholds. It is designed as an event-driven UI component, providing a programmable interface to intercept selection events and manage the state of the suggestion popup. The system support

    Implements the autocomplete widget as a native web component for encapsulated state and lifecycle.

    JavaScript
    عرض على GitHub↗6,979
  • dequelabs/axe-coreالصورة الرمزية لـ dequelabs

    dequelabs/axe-core

    6,900عرض على GitHub↗

    axe-core is an automated accessibility testing engine and compliance auditor designed to scan web and mobile interfaces for violations of industry accessibility standards. It functions as a programmatic scanner and linter that analyzes HTML and source code to identify barriers and verify compliance with accessibility guidelines. The project distinguishes itself by combining a DOM-based rule engine with computer vision and machine learning to detect complex violations that evade traditional analysis, such as visual heading discrepancies and informative images. It provides specialized capabilit

    Scans custom interface elements for accessibility defects using plugins to ensure consistency.

    JavaScripta11yaccessibilityaxe
    عرض على GitHub↗6,900
  • mesop-dev/mesopالصورة الرمزية لـ mesop-dev

    mesop-dev/mesop

    6,589عرض على GitHub↗

    Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav

    Allows embedding custom JavaScript web components into Python applications to extend frontend behavior.

    Python
    عرض على GitHub↗6,589
  • vcmi/vcmiالصورة الرمزية لـ vcmi

    vcmi/vcmi

    5,692عرض على GitHub↗

    vcmi هو محرك ألعاب مفتوح المصدر لـ Heroes of Might and Magic III يعيد إنشاء طريقة اللعب والمنطق والعرض للعبة الاستراتيجية الأصلية. يعمل كمحرك ألعاب عبر الأنظمة الأساسية يدعم Windows و Linux و macOS و Android و iOS، ويوفر محاكاة استراتيجية قائمة على الأدوار للتنقل في خريطة العالم الاستراتيجية والقتال التكتيكي. تم بناء المشروع كإطار عمل ألعاب قابل للتعديل (moddable)، ويتميز بنظام تعديل قائم على البيانات وتكامل برمجي بـ Lua في بيئة معزولة. تسمح هذه الميزات بتعريف منطق اللعب المخصص، وتأثيرات التعاويذ، وإضافة فصائل وشخصيات وأصول جديدة من خلال ملفات تكوين خارجية والتحقق من صحة المخطط. يتضمن المحرك مزامناً لحالة اللعب الجماعي ينسق الأدوار المتزامنة وتحديثات حالة اللعبة بين العملاء عبر التسلسل الثنائي. كما يدمج ذكاءً اصطناعياً لمحاكاة الاستراتيجية، ونظاماً مخصصاً لتأليف وتوليد الخرائط، وأدوات لتجاوز الأصول والتعريب. يدعم البرنامج تكوينات البناء متعددة الأنظمة ويوفر أدوات لاستخراج بيانات اللعبة وتصحيح حالات اللعبة.

    Creates specialized interface components using low level code and external layout files.

    C++
    عرض على GitHub↗5,692
  • redox-os/orbtkالصورة الرمزية لـ redox-os

    redox-os/orbtk

    3,780عرض على GitHub↗

    Orbtk is a cross-platform GUI framework and UI toolkit for building desktop applications using the Rust programming language. It functions as a widget-based library that provides a collection of reusable interface components and a template system for defining custom visual elements. The framework includes a localization and theming engine used to manage multi-language text translation and dynamic visual styles. It enables the creation of consistent layouts and custom widgets across different operating systems and hardware. The toolkit covers a broad range of capabilities, including window ma

    Allows the definition of widget visual structures and properties using a declarative template system.

    Rustcross-platformentity-componentgui
    عرض على GitHub↗3,780
  • midudev/jscampالصورة الرمزية لـ midudev

    midudev/jscamp

    3,811عرض على GitHub↗

    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

    Implements a system for registering and mounting user-defined custom web elements.

    JavaScriptbootcamp
    عرض على GitHub↗3,811
  1. Home
  2. User Interface & Experience
  3. Custom Components

استكشف الوسوم الفرعية

  • Accessibility Rule MappingMappings that link proprietary custom element attributes to standard accessibility roles for validation. **Distinct from Custom Components:** Focuses on validating the accessibility of custom elements rather than the registration or mounting of those elements.
  • Custom Component AuditingSpecialized scanning for user-defined frontend elements to identify accessibility defects. **Distinct from Custom Components:** Focuses on auditing the accessibility of custom components rather than the registration or mounting of them.
  • Custom Widget Definitions2 وسوم فرعيةFrameworks for creating unique interface components by implementing custom event, layout, and paint logic. **Distinct from Custom Components:** Distinct from Custom Components: specifically covers the trait-based implementation of layout and rendering logic rather than just registration and mounting.