awesome-repositories.com
ब्लॉग
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेसMCP सर्वर
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

26 रिपॉजिटरी

Awesome GitHub RepositoriesComponent-Based Rendering

Renders nodes and sockets as independent framework-native components for flexible UI customization.

Distinct from Component-Based UI Integrations: Distinct from general UI components: focuses on the rendering architecture of node-based interfaces.

Explore 26 awesome GitHub repositories matching user interface & experience · Component-Based Rendering. Refine with filters or upvote what's useful.

Awesome Component-Based Rendering GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • lobehub/lobe-chatlobehub का अवतार

    lobehub/lobe-chat

    78,762GitHub पर देखें↗

    Lobe Chat is a self-hosted AI platform that provides a web-based interface for interacting with multiple large language models. It functions as an AI agent orchestrator, allowing for the design, scheduling, and management of autonomous agent teams to perform operational tasks. The platform features an extensible plugin framework and SDK to integrate external tools and custom function calls into workflows. It utilizes a provider-agnostic model layer to unify various AI APIs and includes a context-aware memory system to store structured user information for personalized interactions. The syste

    Translates raw model outputs into rich interactive UI components using a dedicated rendering layer.

    TypeScript
    GitHub पर देखें↗78,762
  • danny-avila/chatgpt-clonedanny-avila का अवतार

    danny-avila/chatgpt-clone

    39,320GitHub पर देखें↗

    This project is a self-hosted large language model chat interface and AI model aggregator. It provides a unified web environment for interacting with multiple AI providers and local models, acting as a provider-agnostic API gateway to standardize requests across different endpoints. The platform functions as an agentic AI framework and generative UI workspace, enabling the construction of specialized assistants with custom instructions and subagents. It features a sandboxed code interpreter for secure execution of multiple programming languages and a generative UI system that renders interact

    Renders raw AI model outputs into rich, interactive UI components and documents directly within the chat stream.

    TypeScript
    GitHub पर देखें↗39,320
  • jlowin/fastmcpjlowin का अवतार

    jlowin/fastmcp

    25,670GitHub पर देखें↗

    fastmcp is a Python library and framework for building servers and clients that implement the Model Context Protocol. It serves as a tool integration library designed to connect large language models to external tools and data sources. The framework features an interactive tool user interface renderer, which allows for the display of visual interfaces for tools directly within a conversational flow. It also provides a library for automatically generating schemas and validation for tools used by language models. The project covers server and client development, including tool and resource exp

    Renders raw AI model tool responses into rich, interactive visual user interface components.

    Python
    GitHub पर देखें↗25,670
  • claude-code-best/claude-codeclaude-code-best का अवतार

    claude-code-best/claude-code

    20,272GitHub पर देखें↗

    Claude Code is a command-line interface and multi-agent orchestration framework designed for autonomous software engineering. It enables AI agents to perform codebase modifications, debugging, and Git workflow management while coordinating multiple specialized agents to decompose and execute complex engineering tasks in parallel. The system distinguishes itself through a high degree of isolation and safety, utilizing Git worktrees to create independent working directories for concurrent agents and implementing a tiered permission system that combines user rules, project policies, and OS-level

    Visualizes tool actions and AI responses using rich UI components such as syntax-highlighted diffs.

    TypeScript
    GitHub पर देखें↗20,272
  • alibaba/weexalibaba का अवतार

    alibaba/weex

    18,532GitHub पर देखें↗

    A framework for building Mobile cross-platform UI

    Maps custom HTML-like tags to native UI components through a declarative template system.

    C++androidiosmobile
    GitHub पर देखें↗18,532
  • retejs/reteretejs का अवतार

    retejs/rete

    12,077GitHub पर देखें↗

    Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req

    Integrates with frontend frameworks to render nodes and controls as native components.

    TypeScriptdataflow-programmingflow-based-programminggraph-editor
    GitHub पर देखें↗12,077
  • reactjs/react.devreactjs का अवतार

    reactjs/react.dev

    11,765GitHub पर देखें↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Displays component trees into managed roots and updates content while preserving internal state.

    JavaScriptdocumentationjavascriptreact
    GitHub पर देखें↗11,765
  • ory/editorory का अवतार

    ory/editor

    9,551GitHub पर देखें↗

    This project is a customizable browser text editor and a schema-driven document framework designed for building React-based WYSIWYG content editors. It replaces standard text areas with a system that represents content as a structured data tree rather than flat HTML, allowing for precise manipulation and validation of documents. The framework serves as an extensible content management interface and a TypeScript UI component library. It enables the development of specialized authoring tools through a plugin system and the use of strongly typed building blocks to ensure consistency across docum

    Implements a rendering architecture that maps structured data nodes to native React components for custom interactive behavior.

    TypeScript
    GitHub पर देखें↗9,551
  • microsoft/vscode-copilot-chatmicrosoft का अवतार

    microsoft/vscode-copilot-chat

    9,493GitHub पर देखें↗

    This project is an AI-powered IDE extension and LLM coding assistant that provides a conversational interface for generating, refactoring, and debugging code. It functions as an AI agent framework and a Model Context Protocol client, connecting AI models to external data sources and tools to automate complex development tasks. The system is distinguished by its use of autonomous AI agents capable of multi-step task execution, including the ability to read files, modify code, and run terminal commands iteratively. It supports recursive agent orchestration through subagent delegation and employ

    Renders raw AI model responses as rich, interactive UI components like forms and visualizations.

    TypeScript
    GitHub पर देखें↗9,493
  • chvin/react-tetrischvin का अवतार

    chvin/react-tetris

    8,717GitHub पर देखें↗

    This is a browser-based Tetris game built with React, using Redux and Immutable.js to manage all game state in a single immutable store. The application renders the game board, next-block preview, and score display as React components, with state transitions that are predictable and support time-travel debugging through the Redux DevTools Extension. The game distinguishes itself through several integrated capabilities. It automatically adapts between keyboard and touch controls based on the user's input device, with configurable repeat rates for responsive gameplay. A persistence layer serial

    Renders the game board, next-block preview, and score as React components driven by Redux state.

    JavaScriptimmutablereactredux
    GitHub पर देखें↗8,717
  • modelcontextprotocol/inspectormodelcontextprotocol का अवतार

    modelcontextprotocol/inspector

    8,721GitHub पर देखें↗

    The inspector is a diagnostic and validation tool for the Model Context Protocol. It provides an interactive interface and a transport proxy to discover, inspect, and execute the tools, prompts, and resources provided by an MCP server. The project serves as a debugger and compliance tester to verify that server implementations adhere to the protocol specification and JSON-RPC standards. It allows for real-time monitoring of message exchanges and logs between clients and servers across various transport layers, such as standard input/output and Server-Sent Events. The tool covers a broad rang

    Renders AI model responses as interactive UI components like charts, forms, and video players.

    TypeScript
    GitHub पर देखें↗8,721
  • ignitetechnologies/mindmapIgnitetechnologies का अवतार

    Ignitetechnologies/Mindmap

    8,656GitHub पर देखें↗

    Mindmap is a cybersecurity knowledge base and reference library that organizes security tools, frameworks, and methodologies into a visual knowledge map. It functions as a curated directory of cheat sheets and command guides for offensive and defensive security operations, presented as a hierarchical interface with collapsible nodes. The project converts structured markdown files into navigable visual trees to facilitate the study of penetration testing workflows and DevOps learning roadmaps. It also serves as a security compliance framework, providing structured mappings of NIST and ISO 2700

    Uses reusable framework-native components to render various types of security knowledge nodes.

    GitHub पर देखें↗8,656
  • modelcontextprotocol/modelcontextprotocolmodelcontextprotocol का अवतार

    modelcontextprotocol/modelcontextprotocol

    8,458GitHub पर देखें↗

    Model Context Protocol is a standardized framework for connecting large language models to external data sources and executable tools. It enables the creation of a universal interface where servers expose tools, resources, and prompts that can be discovered and utilized by various AI clients. The protocol utilizes a JSON-RPC message system that is transport-agnostic, supporting both standard input/output for local processes and HTTP with server-sent events for remote connections. It emphasizes security and control by delegating model sampling to the client to keep API keys secure from servers

    Translates raw model responses into rich, interactive UI components like charts, forms, and video players.

    TypeScript
    GitHub पर देखें↗8,458
  • tensorspace-team/tensorspacetensorspace-team का अवतार

    tensorspace-team/tensorspace

    5,179GitHub पर देखें↗

    Tensorspace is a WebGL-based 3D visualization framework and renderer designed to map deep learning model architectures and tensor data into interactive three-dimensional spaces. It serves as a neural network architecture visualizer and model inspector, allowing users to render model topologies and analyze data flow within a web browser. The project distinguishes itself through its ability to convert pre-trained Keras and TensorFlow models into spatial representations. It integrates with TensorFlow.js to execute inference in the browser, enabling the real-time visualization of intermediate act

    Renders generated images from generative models as interactive 3D components within the visual interface.

    JavaScript
    GitHub पर देखें↗5,179
  • effector/effectoreffector का अवतार

    effector/effector

    4,837GitHub पर देखें↗

    Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem

    Binds reactive stores to Vue component properties to ensure automatic view updates when data changes.

    TypeScriptbusiness-logiceffectorevent-driven
    GitHub पर देखें↗4,837
  • linhaojun857/auroralinhaojun857 का अवतार

    linhaojun857/aurora

    4,643GitHub पर देखें↗

    Aurora एक सेल्फ-होस्टेड पर्सनल ब्लॉगिंग प्लेटफ़ॉर्म और RESTful कंटेंट मैनेजमेंट सिस्टम है। यह Spring Boot बैकएंड और Vue.js फ्रंटएंड का उपयोग करके लेख प्रकाशित करने और प्रबंधित करने के लिए एक समर्पित प्रशासनिक डैशबोर्ड प्रदान करता है। यह सिस्टम डेटा स्टोरेज को प्रेजेंटेशन लेयर से अलग करने के लिए एक डिकपल्ड क्लाइंट-सर्वर आर्किटेक्चर का उपयोग करता है। यह रिएक्टिव वेब इंटरफ़ेस को REST API के माध्यम से ब्लॉग लेखों को डिलीवर और ब्राउज़ करने की अनुमति देता है। यह प्लेटफ़ॉर्म लेखों के निर्माण, संपादन और वितरण सहित एंड-टू-एंड कंटेंट पब्लिशिंग वर्कफ़्लो को कवर करता है। यह एकीकृत बैकएंड स्टोरेज और कंपोनेंट-आधारित फ्रंटएंड के माध्यम से व्यक्तिगत लिखित कंटेंट को मैनेज करता है।

    Builds the user interface from reusable Vue.js isolated blocks that synchronize with the data state.

    Javaaxiosblogdocker
    GitHub पर देखें↗4,643
  • alibaba/butterflyalibaba का अवतार

    alibaba/butterfly

    4,649GitHub पर देखें↗

    Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based workflow designers and visual flow editors. It provides a framework for rendering interconnected nodes, edges, and groups to model technical architectures, business processes, and data-driven workflows. The project is distinguished by its ability to integrate custom UI components as graph nodes and its specialized support for data lineage visualization. It enables the mapping of relationships between data fields, tables, and business entities to track provenance and monitor workfl

    Renders nodes and sockets as independent components for flexible UI customization.

    JavaScript
    GitHub पर देखें↗4,649
  • vuejs/composition-apivuejs का अवतार

    vuejs/composition-api

    4,184GitHub पर देखें↗

    This project is a reactivity plugin that brings the Composition API and reactive state management from Vue 3 to Vue 2 applications. It serves as a component logic organizer and a system for encapsulating reactive state and functions into reusable utilities. The plugin enables the use of composable functions to share stateful logic across components without relying on mixins. It provides a structure based on plain variables and functions to facilitate automatic type inference and editor autocomplete. Additionally, it includes a provider-based dependency injection system for sharing data and fu

    Provides a system to group related functions and state by logical concern within Vue 2 components.

    TypeScript
    GitHub पर देखें↗4,184
  • linusborg/portal-vueLinusBorg का अवतार

    LinusBorg/portal-vue

    3,888GitHub पर देखें↗

    Portal-vue is a library for rendering Vue component content into arbitrary DOM elements outside their original parent-child hierarchy. It functions as a DOM teleportation tool and cross-component content injector, allowing developers to decouple a component's logical position in the application tree from its physical location in the document. The tool specifically enables the injection of dynamic interface elements, such as modals and tooltips, into root-level containers. This mechanism allows visual templates to bypass CSS nesting and layout constraints by separating the visual location from

    Moves component content to different document locations to bypass parent layout constraints while preserving state.

    Vueportalvuejs
    GitHub पर देखें↗3,888
  • codennnn/vue-color-avatarCodennnn का अवतार

    Codennnn/vue-color-avatar

    3,753GitHub पर देखें↗

    vue-color-avatar is a Vue-based tool for generating scalable vector profile images. It functions as a client-side image generator that produces visuals directly in the browser without the need for a backend processing server. The project provides a visual interface for assembling personalized avatars by combining different graphic components. It also includes a batch generator capable of producing multiple randomized profile images simultaneously by mapping seeds to visual attributes. The system utilizes reactive UI components to synchronize avatar previews with customization controls and em

    Provides customizable avatar generation as a set of reactive Vue components.

    Vueavataravatar-generatoravatar-maker
    GitHub पर देखें↗3,753
पिछला12अगला
  1. Home
  2. User Interface & Experience
  3. Node-Based UI Components
  4. Component-Based UI Integrations
  5. Component-Based Rendering

सब-टैग एक्सप्लोर करें

  • Interactive Model Output Rendering1 सब-टैगRendering of raw AI model responses into rich, interactive UI components. **Distinct from Component-Based Rendering:** Focuses on translating LLM text outputs into UI components rather than rendering node-based graphics
  • Vue Components5 सब-टैग्सUser interface elements built using the Vue.js framework to synchronize view and data state. **Distinct from Component-Based Rendering:** Specifically applies component-based rendering to Vue.js, whereas the parent is generic.