Awesome GitHub RepositoriesComponent-Based UI Integrations

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

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

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

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

A framework for building Mobile cross-platform UI

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

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

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

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

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

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

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

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

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

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

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

Aurora ist eine selbstgehostete persönliche Blogging-Plattform und ein RESTful Content-Management-System. Es bietet ein dediziertes Administrations-Dashboard zum Veröffentlichen und Verwalten von Artikeln und nutzt ein Spring Boot-Backend sowie ein Vue.js-Frontend. Das System verwendet eine entkoppelte Client-Server-Architektur, um die Datenspeicherung von der Präsentationsschicht zu trennen. Dies ermöglicht es der reaktiven Weboberfläche, Blog-Artikel über eine REST-API bereitzustellen und zu durchsuchen. Die Plattform deckt den gesamten Content-Publishing-Workflow ab, einschließlich der Erstellung, Bearbeitung und Verteilung von Artikeln. Sie verwaltet persönliche schriftliche Inhalte durch integrierte Backend-Speicherung und ein komponentenbasiertes Frontend.

Butterfly ist eine interaktive Bibliothek für Graph-Visualisierung und eine SVG-basierte Diagramm-Engine, die zum Aufbau von Node-basierten Workflow-Designern und visuellen Flow-Editoren verwendet wird. Sie bietet ein Framework zum Rendern miteinander verbundener Knoten, Kanten und Gruppen, um technische Architekturen, Geschäftsprozesse und datengesteuerte Workflows zu modellieren. Das Projekt zeichnet sich durch die Fähigkeit aus, benutzerdefinierte UI-Komponenten als Graph-Knoten zu integrieren, sowie durch spezialisierte Unterstützung für die Visualisierung von Datenherkunft (Data Lineage). Es ermöglicht die Abbildung von Beziehungen zwischen Datenfeldern, Tabellen und Geschäftsentitäten, um die Provenienz nachzuverfolgen und den Workflow-Status zu überwachen. Das System deckt ein breites Spektrum an Funktionen ab, darunter automatisierte Knoten-Layout-Algorithmen, hierarchische Gruppennestung und Validierung der Verbindungslogik. Es enthält Navigationsdienstprogramme wie eine Minimap, Zoom- und Pan-Steuerungen sowie Marquee-Auswahl, neben Tools für die Traversierung der Graphentopologie und den Bildexport in Vektor- und Rasterformaten. Die Bibliothek ist in JavaScript implementiert.

Dieses Projekt ist ein Reaktivitäts-Plugin, das die Composition API und das reaktive State-Management von Vue 3 in Vue 2-Anwendungen bringt. Es dient als Organisator für Komponentenlogik und als System zur Kapselung von reaktivem State und Funktionen in wiederverwendbare Utilities. Das Plugin ermöglicht die Nutzung von Composable-Funktionen, um zustandsbehaftete Logik über Komponenten hinweg zu teilen, ohne auf Mixins angewiesen zu sein. Es bietet eine Struktur auf Basis einfacher Variablen und Funktionen, um automatische Typinferenz und Editor-Autocomplete zu erleichtern. Zusätzlich enthält es ein Provider-basiertes Dependency-Injection-System, um Daten und Funktionen über einen Komponentenbaum hinweg bereitzustellen. Das System deckt die Verwaltung von reaktivem State, Computed Properties und Watchern ab, sowie die Möglichkeit, in Komponenten-Lifecycles einzugreifen. Es erlaubt die Integration von zustandsbehafteten Bibliotheken Dritter in das native Reaktivitätssystem und unterstützt das Prefetching von Daten auf dem Server. Das Projekt ist in TypeScript geschrieben.

Content ist eine dateibasierte Content-Management-Engine, die Markdown- und JSON-Dateien in strukturierte Daten für die Verwendung innerhalb von Webanwendungen transformiert. Sie fungiert als statische Site-Content-Engine, die lokale Dateisysteme in abfragbare Sammlungen parst und gleichzeitig eine Bibliothek für die Integration interaktiver Komponenten direkt in Textdokumente bereitstellt. Das Framework zeichnet sich dadurch aus, dass es die lokale Dateihierarchie als primäre Quelle der Wahrheit für Anwendungs-Routing und Navigation behandelt. Es ermöglicht Entwicklern, dynamische UI-Elemente direkt in Textdateien einzubetten, und bietet ein visuelles Interface für die Bearbeitung von Inhalten und Metadaten basierend auf vordefinierten Schemata. Dieser Ansatz ermöglicht die Erstellung reichhaltiger, interaktiver Dokumentationen und inhaltsgetriebener Websites, bei denen die Struktur des Repositories die Site-Architektur diktiert. Über die Kernverwaltung hinaus enthält das System Funktionen für Volltext-Suchindizierung, automatisiertes Code-Syntax-Highlighting und die Generierung von Content-Auszügen. Es unterstützt typsichere Datenabfrage durch ein flüssiges Query-Interface, wodurch sichergestellt wird, dass Inhaltssammlungen während der Entwicklung und Produktion konsistent bleiben und gegen definierte Schemata validiert werden.