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

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

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

56 रिपॉजिटरी

Awesome GitHub RepositoriesNode-Based UI Components

Modular interface elements that communicate through standardized connection handles and properties.

Distinguishing note: Focuses on the architectural pattern of node-based UI rather than general-purpose UI components.

Explore 56 awesome GitHub repositories matching user interface & experience · Node-Based UI Components. Refine with filters or upvote what's useful.

Awesome Node-Based UI Components GitHub Repositories

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

    react/react

    245,916GitHub पर देखें↗

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

    Build components that manage their own state, then combine them into larger interfaces with data flowing clearly downward.

    JavaScriptdeclarativefrontendjavascript
    GitHub पर देखें↗245,916
  • 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
  • xyflow/xyflowxyflow का अवतार

    xyflow/xyflow

    37,257GitHub पर देखें↗

    This project is a React-based framework for constructing interactive, node-based visual interfaces. It provides a platform for building canvases where users define, connect, and organize logical processes, data pipelines, or complex workflows through a graphical interface. By utilizing a modular component architecture, it enables the development of low-code environments, visual programming tools, and interactive diagramming applications. The framework distinguishes itself through a declarative approach where state changes automatically synchronize with the visual representation of nodes and e

    Provides modular node components that communicate via standardized connection handles and properties.

    TypeScriptflowchartgraphjavascript
    GitHub पर देखें↗37,257
  • 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
  • facebook/yogafacebook का अवतार

    facebook/yoga

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

    Yoga is an embeddable UI layout library and engine that implements the flexible box model used in web standards. It functions as a cross-platform tool for computing user interface geometry, calculating element sizes and positions without relying on a specific operating system's rendering. The engine provides a portable C++ core to ensure identical layout calculations across Android, iOS, and the web. It utilizes an abstract node interface to separate the layout logic from the host UI framework, allowing it to be integrated into native applications. The system manages interface rendering thro

    Implements a virtual tree of nodes to decouple layout logic from native UI frameworks.

    C++
    GitHub पर देखें↗18,781
  • 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
  • infernojs/infernoinfernojs का अवतार

    infernojs/inferno

    16,420GitHub पर देखें↗

    Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

    Creates lightweight virtual nodes to build a declarative tree for efficient rendering and updates.

    JavaScript
    GitHub पर देखें↗16,420
  • acdlite/react-fiber-architectureacdlite का अवतार

    acdlite/react-fiber-architecture

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

    This project is a conceptual guide and implementation of the React Fiber architecture, focusing on concurrent user interface framework logic and incremental rendering patterns. It provides a structural approach to managing asynchronous rendering tasks and a virtual DOM reconciliation strategy to calculate the minimum changes required to synchronize a virtual tree with the interface. The architecture distinguishes itself through a concurrent rendering workflow that splits heavy UI updates into small chunks across multiple frames. This system utilizes an interruptible rendering pipeline and pri

    Compares new node trees against previous versions to find the minimum updates needed to refresh the display.

    GitHub पर देखें↗12,959
  • snabbdom/snabbdomsnabbdom का अवतार

    snabbdom/snabbdom

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

    Snabbdom is a virtual DOM library and DOM diffing engine used to create and update user interfaces by synchronizing a virtual tree with the browser. It functions as a modular UI framework that provides a system for generating virtual nodes and transforming them into actual browser elements. The project features a modular architecture that separates core rendering logic from optional components. It includes a dedicated SVG rendering engine for managing scalable vector graphics within a virtualized document object model. The library covers a broad range of capabilities, including lifecycle hoo

    Provides a mechanism to execute arbitrary code during specific stages of a virtual node's life.

    TypeScripthacktoberfestsnabbdomvirtual-dom-library
    GitHub पर देखें↗12,378
  • anomalyco/opentuianomalyco का अवतार

    anomalyco/opentui

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

    Opentui is a terminal user interface framework for building interactive command line applications. It provides a component-based system featuring a flexbox layout engine, a virtual node component tree, and a low-level 2D cell array renderer. The project is distinguished by a sophisticated keyboard binding engine that maps complex multi-stroke sequences and chords to named commands using prioritized, reactive layers. It also implements a plugin architecture that allows external modules to inject custom UI components into designated layout slots and extend input logic at runtime. Its capabilit

    Composes the user interface using a virtual node component tree that maps to renderable terminal elements.

    TypeScript
    GitHub पर देखें↗12,131
  • 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

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

    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
  • nasa/fprimenasa का अवतार

    nasa/fprime

    10,766GitHub पर देखें↗

    F Prime एक कंपोनेंट-आधारित फ्रेमवर्क है जिसे एम्बेडेड और स्पेसफ्लाइट सॉफ्टवेयर के विकास और परिनियोजन (deployment) के लिए डिज़ाइन किया गया है। यह एक मॉड्यूलर आर्किटेक्चर प्रदान करता है जो सॉफ्टवेयर लॉजिक को कम्युनिकेशन इंटरफेस से अलग करता है, जिससे डेवलपर्स को डोमेन-विशिष्ट मॉडलिंग भाषा के माध्यम से सिस्टम संरचनाओं को परिभाषित करने की अनुमति मिलती है। यह मॉडल-आधारित दृष्टिकोण स्वचालित कोड जनरेशन को सक्षम बनाता है, जो जटिल सिस्टम टोपोलॉजी में निरंतरता सुनिश्चित करता है और सॉफ्टवेयर मॉड्यूल के बीच सख्त इंटरफेस अनुबंधों को बनाए रखता है। यह फ्रेमवर्क अपने एकीकृत बिल्ड सिस्टम और ग्राउंड डेटा ऑपरेशंस सूट के माध्यम से खुद को अलग करता है। यह एम्बेडेड सॉफ्टवेयर के पूरे जीवनचक्र को स्वचालित करता है, क्रॉस-कंपाइलेशन और डिपेंडेंसी मैनेजमेंट से लेकर टेलीमेट्री और कमांड इंटरफेस के जनरेशन तक। ऑनबोर्ड फ्लाइट सॉफ्टवेयर और ग्राउंड-आधारित मॉनिटरिंग दोनों के लिए एक एकीकृत वातावरण प्रदान करके, यह विविध हार्डवेयर प्लेटफॉर्मों पर वितरित एम्बेडेड सिस्टम के निर्बाध एकीकरण, परीक्षण और कमांड-एंड-कंट्रोल की सुविधा प्रदान करता है। अपने मुख्य आर्किटेक्चर से परे, इस प्रोजेक्ट में सिस्टम ऑब्जर्वेबिलिटी के लिए व्यापक उपकरण शामिल हैं, जिनमें रीयल-टाइम टेलीमेट्री विज़ुअलाइज़ेशन, इवेंट लॉगिंग और डायग्नोस्टिक ट्रेसिंग शामिल हैं। यह बेयर-मेटल वातावरण से लेकर रीयल-टाइम ऑपरेटिंग सिस्टम तक, परिनियोजन परिदृश्यों की एक विस्तृत श्रृंखला का समर्थन करता है, और मेमोरी मैनेजमेंट, स्टेट-ड्रिवन व्यवहार मॉडलिंग, और एसिंक्रोनस टास्क निष्पादन के लिए तंत्र प्रदान करता है। यह प्रोजेक्ट एक C++ रिपॉजिटरी के रूप में बनाए रखा गया है, जिसमें व्यापक डॉक्यूमेंटेशन और क्रॉस-प्लेटफॉर्म विकास के लिए बिल्ड-सिस्टम सपोर्ट शामिल है।

    Enables distributed system architectures by serializing and transmitting component data across computing nodes without modifying internal logic.

    C++componentscppembedded
    GitHub पर देखें↗10,766
  • 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
  • gabrielbull/react-desktopgabrielbull का अवतार

    gabrielbull/react-desktop

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

    react-desktop is a React component library and web-based simulator designed to recreate the visual interfaces and behaviors of desktop operating systems. It provides a set of components that allow developers to build browser applications that mimic the look and feel of macOS and Windows. The library focuses on desktop UI simulation and operating system emulation, offering a collection of visual elements such as windows and menus. These components follow desktop design guidelines to create a familiar user experience within a web environment.

    Implements encapsulated components that manage their own state to build complex desktop-like window hierarchies.

    JavaScript
    GitHub पर देखें↗9,493
  • 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
  • projectstorm/react-diagramsprojectstorm का अवतार

    projectstorm/react-diagrams

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

    react-diagrams is a framework for building interactive node-and-link diagrams and visual graphs within React applications. It functions as an interactive graph visualization tool and visual workflow designer, providing a system for rendering manipulatable canvases of connected nodes. The library is distinguished by its ability to act as a serializable state diagram manager, converting complex node layouts and connection states into storable data formats for session persistence. It further allows for custom behavior extensions to modify core logic and modules to implement project-specific func

    Provides a modular architecture where nodes are defined as stateful React components.

    TypeScript
    GitHub पर देखें↗9,412
  • nodegui/nodeguinodegui का अवतार

    nodegui/nodegui

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

    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
    GitHub पर देखें↗9,221
पिछला123अगला
  1. Home
  2. User Interface & Experience
  3. Node-Based UI Components

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

  • Component-Based UI Integrations2 सब-टैग्स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.
  • Distributed Node Bridges1 सब-टैगMechanisms for serializing and transmitting component data across computing nodes in a distributed architecture. **Distinct from Node-Based UI Components:** Distinct from Node-Based UI Components: focuses on backend data distribution and serialization across physical nodes rather than UI graph components.
  • Editor Node Trees2 सब-टैग्सInternal node trees representing each user element with type, props, and parent relationships for editor state management. **Distinct from Node-Based UI Components:** Distinct from Node-Based UI Components: focuses on the internal state representation of editor elements rather than visual node-based programming interfaces.
  • Interface RenderersComponents for rendering nodes, connections, and input controls within a standard environment. **Distinct from Node-Based UI Components:** Distinct from node-based UI components: focuses on the rendering integration layer for nodes and connections.
  • React Component NodesNodes implemented as modular React components that manage internal state and report positions to a central engine. **Distinct from Node-Based UI Components:** Specific to React component implementation of nodes rather than generic node-based UI components
  • Self-Contained Component CompositionsPatterns for building encapsulated components that manage their own state and combine into larger interfaces with downward data flow. **Distinct from Component-Based UI Integrations:** Distinct from Component-Based UI Integrations: focuses on composing self-contained stateful components rather than integrating node-based interfaces with native frameworks.
  • Virtual Node Trees9 सब-टैग्सDeclarative hierarchies of virtual nodes that map to renderable interface elements. **Distinct from Node-Based UI Components:** Focuses on the declarative virtual DOM-like tree for terminal rendering rather than node-based visual programming interfaces.