awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

28 repository-uri

Awesome GitHub RepositoriesComponent-Based UI Integrations

Renders node-based interfaces by leveraging native framework components for UI state management.

Distinct from Node-Based UI Components: Focuses on framework-native component integration, distinct from general node-based UI components.

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

Awesome Component-Based UI Integrations GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • lobehub/lobe-chatAvatar lobehub

    lobehub/lobe-chat

    78,762Vezi pe GitHub↗

    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
    Vezi pe GitHub↗78,762
  • danny-avila/chatgpt-cloneAvatar danny-avila

    danny-avila/chatgpt-clone

    39,320Vezi pe GitHub↗

    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
    Vezi pe GitHub↗39,320
  • jlowin/fastmcpAvatar jlowin

    jlowin/fastmcp

    25,670Vezi pe GitHub↗

    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
    Vezi pe GitHub↗25,670
  • claude-code-best/claude-codeAvatar claude-code-best

    claude-code-best/claude-code

    20,272Vezi pe GitHub↗

    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
    Vezi pe GitHub↗20,272
  • alibaba/weexAvatar alibaba

    alibaba/weex

    18,532Vezi pe GitHub↗

    A framework for building Mobile cross-platform UI

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

    C++androidiosmobile
    Vezi pe GitHub↗18,532
  • retejs/reteAvatar retejs

    retejs/rete

    12,077Vezi pe GitHub↗

    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

    Renders custom node-based interfaces within web applications by leveraging native framework components for seamless UI state management.

    TypeScriptdataflow-programmingflow-based-programminggraph-editor
    Vezi pe GitHub↗12,077
  • reactjs/react.devAvatar reactjs

    reactjs/react.dev

    11,765Vezi pe GitHub↗

    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
    Vezi pe GitHub↗11,765
  • ory/editorAvatar ory

    ory/editor

    9,551Vezi pe GitHub↗

    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
    Vezi pe GitHub↗9,551
  • microsoft/vscode-copilot-chatAvatar microsoft

    microsoft/vscode-copilot-chat

    9,493Vezi pe GitHub↗

    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
    Vezi pe GitHub↗9,493
  • nodegui/nodeguiAvatar nodegui

    nodegui/nodegui

    9,221Vezi pe GitHub↗

    NodeGUI is a framework for building native desktop applications using Qt6 widgets, controlled entirely from JavaScript and Node.js. It provides a Qt6 Node.js binding that maps native widget classes to JavaScript objects, enabling developers to create cross-platform desktop apps for Linux and Windows with full access to the Node.js ecosystem and npm modules. The framework distinguishes itself by allowing developers to style native desktop widgets with CSS and Flexbox layout rules, without relying on a web browser. It translates CSS properties and Flexbox layout into Qt stylesheet and layout ma

    Organizes native Qt widgets into reusable component hierarchies managed through JavaScript object trees.

    C++cross-platformdesktopgui
    Vezi pe GitHub↗9,221
  • chvin/react-tetrisAvatar chvin

    chvin/react-tetris

    8,717Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,717
  • modelcontextprotocol/inspectorAvatar modelcontextprotocol

    modelcontextprotocol/inspector

    8,721Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,721
  • ignitetechnologies/mindmapAvatar Ignitetechnologies

    Ignitetechnologies/Mindmap

    8,656Vezi pe GitHub↗

    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.

    Vezi pe GitHub↗8,656
  • modelcontextprotocol/modelcontextprotocolAvatar modelcontextprotocol

    modelcontextprotocol/modelcontextprotocol

    8,458Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,458
  • antvis/x6Avatar antvis

    antvis/X6

    6,598Vezi pe GitHub↗

    X6 is a JavaScript diagramming library and SVG graph rendering engine used to build interactive flowcharts, mind maps, and visual workflow editors. It provides a framework for defining customizable node and edge behaviors, utilizing a hybrid rendering approach that combines SVG and HTML. The library decouples the visual graph representation from underlying business logic and data structures through a dedicated state management system. It allows for extensive extensibility via a registration mechanism for custom nodes, edges, and canvas tools. The toolkit includes capabilities for automatic g

    Develops specialized frontend components that synchronize a visual diagram state with underlying application data.

    TypeScriptantvdagdiagram
    Vezi pe GitHub↗6,598
  • tensorspace-team/tensorspaceAvatar tensorspace-team

    tensorspace-team/tensorspace

    5,179Vezi pe GitHub↗

    Tensorspace este un framework de vizualizare 3D bazat pe WebGL și un renderer conceput pentru a mapa arhitecturile modelelor de deep learning și datele tensor în spații tridimensionale interactive. Acesta servește drept vizualizator de arhitectură de rețea neuronală și inspector de model, permițând utilizatorilor să redea topologii de model și să analizeze fluxul de date într-un browser web. Proiectul se distinge prin capacitatea sa de a converti modele Keras și TensorFlow pre-antrenate în reprezentări spațiale. Se integrează cu TensorFlow.js pentru a executa inferența în browser, permițând vizualizarea în timp real a activărilor intermediare, a trecerilor forward și a datelor tensor interne. Framework-ul oferă primitive de randare extinse pentru straturi 1D și 2D, inclusiv convoluții, pooling, straturi dense și diverse operațiuni de fuziune a tensorilor. Acoperă o suprafață largă de capabilități, inclusiv maparea topologiei modelului, animații ale stării straturilor și vizualizarea output-urilor modelelor generative și a grilelor de detectare a obiectelor. Sistemul include instrumente pentru conversia formatului modelului pentru a importa arhitecturi existente și un panou de monitorizare a performanței pentru a monitoriza starea sistemului și ratele de cadre în timpul randării.

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

    JavaScript
    Vezi pe GitHub↗5,179
  • effector/effectorAvatar effector

    effector/effector

    4,837Vezi pe GitHub↗

    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
    Vezi pe GitHub↗4,837
  • linhaojun857/auroraAvatar linhaojun857

    linhaojun857/aurora

    4,643Vezi pe GitHub↗

    Aurora este o platformă de blogging personală self-hosted și un sistem de gestionare a conținutului RESTful. Oferă un dashboard administrativ dedicat pentru publicarea și gestionarea articolelor, utilizând un backend Spring Boot și un frontend Vue.js. Sistemul folosește o arhitectură client-server decuplată pentru a separa stocarea datelor de stratul de prezentare. Acest lucru permite interfeței web reactive să livreze și să navigheze prin articolele de blog printr-un API REST. Platforma acoperă fluxul de lucru end-to-end de publicare a conținutului, inclusiv crearea, editarea și distribuirea articolelor. Gestionează conținutul scris personal prin stocare backend integrată și un frontend bazat pe componente.

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

    Javaaxiosblogdocker
    Vezi pe GitHub↗4,643
  • alibaba/butterflyAvatar alibaba

    alibaba/butterfly

    4,649Vezi pe GitHub↗

    Butterfly este o bibliotecă interactivă de vizualizare a grafurilor și un motor de diagramare bazat pe SVG utilizat pentru a construi designeri de fluxuri de lucru bazate pe noduri și editoare vizuale de fluxuri. Oferă un framework pentru randarea nodurilor, muchiilor și grupurilor interconectate pentru a modela arhitecturi tehnice, procese de business și fluxuri de lucru bazate pe date. Proiectul se distinge prin capacitatea de a integra componente UI personalizate ca noduri de graf și suportul său specializat pentru vizualizarea liniilor de date (data lineage). Permite maparea relațiilor dintre câmpurile de date, tabele și entitățile de business pentru a urmări proveniența și a monitoriza starea fluxului de lucru. Sistemul acoperă o gamă largă de capabilități, inclusiv algoritmi automatizați de layout al nodurilor, imbricarea grupurilor ierarhice și validarea logicii de conexiune. Include utilitare de navigare precum un minimap, controale de zoom și pan, și selecție de tip marquee, alături de instrumente pentru traversarea topologiei grafurilor și exportul de imagini în formate vectoriale și raster. Biblioteca este implementată în JavaScript.

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

    JavaScript
    Vezi pe GitHub↗4,649
  • vuejs/composition-apiAvatar vuejs

    vuejs/composition-api

    4,184Vezi pe GitHub↗

    Acest proiect este un plugin de reactivitate care aduce Composition API și gestionarea stării reactive din Vue 3 în aplicațiile Vue 2. Acesta servește drept organizator pentru logica componentelor și ca sistem pentru încapsularea stării reactive și a funcțiilor în utilitare reutilizabile. Pluginul permite utilizarea funcțiilor compozabile pentru a partaja logica cu stare între componente, fără a depinde de mixins. Oferă o structură bazată pe variabile și funcții simple pentru a facilita inferența automată a tipurilor și completarea automată în editor. În plus, include un sistem de injecție a dependențelor bazat pe provideri pentru partajarea datelor și a funcțiilor în arborele de componente. Sistemul acoperă gestionarea stării reactive, a proprietăților calculate și a watcher-elor, alături de posibilitatea de a interacționa cu ciclurile de viață ale componentelor. Permite integrarea bibliotecilor terțe cu stare în sistemul nativ de reactivitate și suportă preîncărcarea datelor pe server. Proiectul este scris în TypeScript.

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

    TypeScript
    Vezi pe GitHub↗4,184
Înapoi12Înainte
  1. Home
  2. User Interface & Experience
  3. Node-Based UI Components
  4. Component-Based UI Integrations

Explorează sub-etichetele

  • Component-Based Rendering2 sub-tag-uriRenders 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.
  • Graph-State UI ComponentsSpecialized frontend components designed to synchronize a visual graph state with underlying application data. **Distinct from Component-Based UI Integrations:** Focuses on the synchronization of the graph state specifically, not general framework-native component integration.