📚

Generative UI Ressourcen - Open Source, SDKs und MCP UI Tools

Finde Open-Source KI-Komponenten fuer Web-Apps, GenUI SDKs, MCP-kompatible UI-Erweiterungen, React/Vue/Flutter Renderers, Security & Sanitization Patterns und Local-First KI-Interface Ressourcen.

40 Eintraege
📚Ressourcen

Harness4GenUI 2026: Engineering Foundations for Generative UI

Official ASE 2026 workshop dedicated to the software-engineering foundations of Generative UI. Harness4GenUI frames dynamic interfaces as runtime systems and organizes work around stable context models, UI schemas, rendering contracts, testing, observability, safety, and governance rather than generation quality alone.

genuiharness-engineeringsoftware-architecture
von ASE 2026 · 2026-10
Ressource ansehen
📚Ressourcen

AppLess: A Generative UI Phone with No Apps

Open-source React Native experiment from the OpenUI team where every mobile screen is generated on demand and streamed into native Cupertino or Material 3 components. AppLess uses a shared component contract, the compact openui-lang DSL, speculative screen prefetching, and optional web and image tools to explore what an app-free Generative UI operating system could feel like.

react-nativeopenuinative-ui
von Thesys · 2026-07
Ressource ansehen
📚Ressourcen

OpenTiny GenUI SDK

Open-source full-stack toolkit for adding schema-driven Generative UI to Vue and Angular applications. It combines stream extraction, delta patching, JSON repair, customizable component materials and actions, OpenAI-compatible model access, MCP tools, and A2A support with a live multi-framework playground.

vueangularschema-driven-ui
von OpenTiny · 2026-07
Ressource ansehen
📚Ressourcen

AGenUI/AGenUI

Open-source native A2UI renderer for building streaming Generative UI across iOS, Android, and HarmonyOS. AGenUI uses a shared C++ parsing and diffing core with platform-native rendering engines, supports the A2UI v0.9 component catalog, custom components, design tokens, function calls, and a local generation studio.

a2uinative-uimobile
von AGenUI Contributors · 2026-07
Ressource ansehen
📚Ressourcen

Build a Generative UI (GenUI) App

Official Google Codelab for building a task-list app with Flutter, Firebase AI Logic, and the GenUI package. It upgrades a text chat into generated surfaces, introduces A2UI transport and widget catalogs, and finishes with a custom interactive component shared by the user and agent.

googlefluttera2ui
von Andrew Brogdon (Google) · 2026-07
Ressource ansehen
📚Ressourcen

PrefectHQ/prefab

Python-first Generative UI framework from Prefect for defining declarative component trees that serialize to JSON and render through a bundled React client. Prefab supports streaming updates, reactive state, custom components, dashboards, and MCP Apps without requiring application authors to write frontend code.

pythonmcp-appsdeclarative-ui
von Prefect · 2026-06
Ressource ansehen
📚Ressourcen

Build generative UI for AI agents on Amazon Bedrock AgentCore with the AG-UI protocol

Offizieller AWS Machine Learning Blog Walkthrough zum Deployment von AG-UI Agent-Frontends auf Amazon Bedrock AgentCore. Der Beitrag zeigt FAST-Patterns fuer Strands Agents und LangGraph und ergaenzt dann CopilotKit fuer inline Generative UI, shared state und Human-in-the-loop-Flows mit Cognito, Lambda, Amplify und AgentCore Runtime.

awsbedrock-agentcoreag-ui
von AWS · 2026-06
Ressource ansehen
📚Ressourcen

MCP Apps in eine AI SDK Anwendung integrieren

Vercel Knowledge Base Guide zum Aufbau eines MCP Apps Hosts mit AI SDK. Der Guide zeigt, wie `@ai-sdk/mcp` und `@ai-sdk/react` model-visible Tools von app-only Tools trennen, `ui://` Ressourcen lesen und interaktive Tool UIs per `experimental_MCPAppRenderer` in einem sandboxed iframe rendern.

vercelai-sdkmcp-apps
von Vercel · 2026-06
Ressource ansehen
📚Ressourcen

ag-ui-protocol/ag-ui

Offizielles AG-UI Protocol Repository fuer die agent-user interaction layer, mit der Agents in Frontend-Anwendungen eingebunden werden. Besonders relevant ist das Projekt, weil es unterhalb einzelner App-Demos die Transport- und Event-Schicht beschreibt: Agent Backends koennen Nachrichten, Tool-Aktivitaeten und UI-Updates in echte Produkte und unterschiedliche Clients streamen.

protocolagent-uiopen-source
von AG-UI Contributors · 2026-06
Ressource ansehen
📚Ressourcen

A2UI + MCP Apps: Deklarative und individuelle Agentic UIs kombinieren

Offizieller Google Developers Blog Architekturbeitrag zur Kombination von A2UI und MCP Apps. Der Text geht ueber einzelne Protokollankuendigungen hinaus und zeigt drei konkrete Integrationsmuster: A2UI Payloads ueber MCP ausliefern, MCP Apps in A2UI Komponenten einbetten und A2UI Renderer innerhalb von MCP Apps betreiben.

googlea2uimcp-apps
von Google A2UI Team · 2026-06
Ressource ansehen
📚Ressourcen

syntux - Generative UI fuer das Web bauen

Syntux ist eine Open-Source-React-Bibliothek, die aus einem uebergebenen Wert und optionalen UI-Hinweisen Web-Interfaces generiert. Sie nutzt eine flache JSON-DSL namens React Interface Schema, unterstuetzt Streaming, eigene Komponenten, Caching und reaktive Neugenerierung und ist damit eine nuetzliche Referenz fuer datengetriebene Generative UI statt nur Chat-Oberflaechen.

syntuxreactjson-dsl
von Puffinsoft · 2026-05
Ressource ansehen
📚Ressourcen

AG-UI Integration mit Agent Framework

Microsoft Learn Dokumentation zur Verbindung von Agent Framework Agents mit AG-UI Frontends. Sie zeigt, wie Microsoft AG-UI in produktionsnahen Agent Apps einordnet, inklusive agentic generative UI, tool-basierter UI und Event-Bruecke zwischen Backend Agent Runtime und React Clients.

microsoftagent-frameworkag-ui
von Microsoft Learn · 2026-04
Ressource ansehen
📚Ressourcen

A2UI v0.9: The New Standard for Portable, Framework-Agnostic Generative UI

Offizielles Google Developers Blog Update zu A2UI v0.9. Der Beitrag positioniert A2UI als produktionsorientierten Standard fuer deklarative, agent-generierte UI, fuegt den offiziellen React Renderer hinzu und erklaert, wie Agents bestehende Component Catalogs ueber Web und Mobile ansprechen koennen, ohne beliebigen Frontend-Code zu erzeugen.

googlea2uistandard
von Google A2UI Team · 2026-04
Ressource ansehen
📚Ressourcen

Stop making AI write JSON - Why we built OpenUI

Offizieller Engineering-Beitrag von OpenUI dazu, warum das Team bei Generative UI ueber JSON-Baeume hinausgeht. Der Text beschreibt Runtime-Anforderungen interaktiver agent-generierter Interfaces, zeigt die Grenzen verschachtelter JSON-Strukturen fuer zustandsbehaftete UI und fuehrt OpenUI Lang als streaming-first Sprache fuer modellgenerierte UI ein.

openuiframeworkstreaming
von Thesys Engineering Team · 2026-04
Ressource ansehen
📚Ressourcen

Introducing Tambo 1.0

Offizieller Launch-Beitrag zu Tambo 1.0, einem produktionsreifen React Toolkit fuer Generative UI. Der Beitrag erklaert das Fullstack-Modell: Entwickler registrieren vorhandene React Komponenten, der Agent waehlt passende Komponenten und streamt Props hinein, waehrend Tambo Conversation State, Orchestrierung und persistentes Komponentenverhalten verwaltet.

tamboreactsdk
von Michael Milstead · 2026-02
Ressource ansehen
📚Ressourcen

MCP Apps - Bringing UI Capabilities To MCP Clients

Offizielle Model Context Protocol Ankuendigung fuer MCP Apps, eine produktionsnahe MCP Erweiterung fuer interaktive UI direkt in AI Clients. Der Beitrag erklaert, wie Tools `_meta.ui.resourceUri` deklarieren, wie Hosts sandboxed Interfaces rendern und warum Dashboards, Formulare, Visualisierungen und mehrstufige Workflows oft besser funktionieren als reine Textantworten.

mcpmcp-appsprotocol
von MCP Core Maintainers · 2026-01
Ressource ansehen
📚Ressourcen

Introducing A2UI: An open project for agent-driven interfaces

Offizielle Google Developers Blog Ankuendigung von A2UI, einem portablen deklarativen Format fuer agent-generierte Interfaces. Der Beitrag erklaert, wie Remote- oder Local Agents vertrauenswuerdige UI-Komponenten aus einer Host App anfordern koennen, statt beliebiges HTML auszugeben, und macht Generative UI damit sicherer, cross-platform und inkrementell aktualisierbar.

googlea2uiprotocol
von Google A2UI Team · 2025-12
Ressource ansehen
📚Ressourcen

Google Research Blog: Generative UI

Google Research Blogartikel Generative UI: A rich, custom, visual interactive user experience for any prompt. Der Beitrag fuehrt Googles Implementierungsansatz und experimentelle Ergebnisse ein, beschreibt Generative UI als Faehigkeit, nicht nur Inhalte, sondern ganze Nutzererfahrungen zu erzeugen, und verknuepft dies mit Experimenten in Gemini App und Google Search AI Mode.

googleblogofficial
von Google Research · 2025-11
Ressource ansehen
📚Ressourcen

Google launches Gemini 3, Google Antigravity, generative UI features

Technische Analyse von Constellation Research zum Gemini 3 Launch und seinen Generative UI Features. Der Artikel hebt hervor, dass Gemini 3 interaktive Komponenten, Szenariooptionen, Bilder, Tabellen und Text kombinieren kann, und beschreibt die Experimente Visual Layout und Dynamic View.

constellationanalysisgemini-3
von Larry Dignan · 2025-11
Ressource ansehen
📚Ressourcen

9to5Google: Gemini 3 Launch Analysis

9to5Google Analyse zu Gemini 3 und seinen Generative UI Features. Der Artikel beschreibt Dynamic View als Faehigkeit, fuer jeden Prompt eine eigene interaktive Antwort zu entwerfen und zu codieren, waehrend Visual Layout magazinartige immersive Multimedia-Interfaces erzeugt.

9to5googlegemini-3analysis
von 9to5Google · 2025-11
Ressource ansehen
📚Ressourcen

Generative UI Project - Google

Projektseite des Google Teams zu Generative UI mit Forschungsarbeiten, interaktiven Beispielen und Code. Die Seite ist eine nuetzliche Referenz fuer Entwickler und Forschende, die Googles GenUI Methodik, PAGEN Datensatz, Demos und Implementierungsmuster an einem Ort nachvollziehen wollen.

googleprojectdemo
von Google · 2025-11
Ressource ansehen
📚Ressourcen

AIBase News: Google Generative UI

Chinesische Tech-Medienberichterstattung von AIBase zu Google Generative UI. Der Beitrag ist keine Primaerquelle, zeigt aber, wie die Idee von AI-generierten, handlungsfaehigen dynamischen Interfaces international aufgegriffen wird und kann fuer DACH-Teams als Markt- und Oekosystemsignal dienen.

aibasenewschinese
von AIBase · 2025-11
Ressource ansehen
📚Ressourcen

Generative UI with AI: The Future of Frontend Web Development

Umfassender Pansofic Artikel dazu, wie Generative UI mit AI Frontend Web Development veraendert. Er behandelt Echtzeit-Anpassung, Natural Language to Interface Generation, Personalisierung und schnelleres Prototyping und verbindet diese Themen mit Cases wie Builder.io, Vercel AI SDK und Figma AI Assistant.

pansoficfrontendweb-development
von Pansofic · 2025-07
Ressource ansehen
📚Ressourcen

AI is the new UI: Generative UI with FastHTML

Detailliertes Tutorial von Pol Alvarez Vecino zum Bau interaktiver Generative UI Anwendungen mit FastHTML und HTMX in unter 150 Zeilen Code. Der Beitrag zeigt den Weg von Text-Chat zu display-only GenUI und weiter zu voll interaktiver GenUI, wobei der Hypermedia-Ansatz Contract Coupling zwischen Frontend und Backend reduziert.

mediumfasthtmlhtmx
von Pol Alvarez Vecino · 2025-04
Ressource ansehen
📚Ressourcen

Generative UI: Smart, intent-based, and AI-driven

Medium/Design Bootcamp Artikel von Daniel Ostrovsky ueber das Potenzial von Generative UI aus Business- und Nutzersicht. Der Beitrag betont, dass GenUI nicht zwingend neue Komponenten aus dem Nichts erzeugt, sondern bestehende Interface-Elemente intelligent auf Basis der Nutzerintention auswaehlt und anordnet.

mediumdesignintent-based
von Daniel Ostrovsky · 2025-02
Ressource ansehen
📚Ressourcen

An introduction to Generative UIs

UX Collective Artikel von Mark O'Neill zum Konzept und zu Praxisfaellen von Generative UI. Der Beitrag ordnet den Begriff seit 2023 ein und beschreibt GenUI als Technologie, die Interfaces auf Basis von Kontext automatisch baut oder anpasst, etwa durch variable Elemente, Layouts und Stile fuer personalisierte Erfahrungen.

uxdesignintroductionarticle
von Mark O'Neill · 2024-08
Ressource ansehen
📚Ressourcen

Generative UI and Outcome-Oriented Design

Artikel der Nielsen Norman Group ueber den Einfluss von Generative UI auf Designparadigmen. Der Text beschreibt GenUI als Technologie, die ueber AI in Echtzeit zugeschnittene Interfaces erzeugt, und argumentiert fuer einen Wechsel von mehrheitsorientiertem Interface Design zu outcome-oriented design rund um Nutzerziele und Ergebniserfahrungen.

nngroupuxdesign
von Nielsen Norman Group · 2024-03
Ressource ansehen
📚Ressourcen

MCP-UI-Org/mcp-ui

Offizielles MCP-UI SDK Repository fuer den Bau und das Rendering interaktiver UI ueber MCP. Das README ist besonders relevant, weil es die aktuelle Form des Oekosystems dokumentiert: `@mcp-ui/*` implementiert den MCP Apps Standard, unterstuetzt TypeScript, Python und Ruby Serverpfade und bleibt ein praktisches Host- und Client-SDK fuer UI-reiche Agent Tools.

mcpmcp-appssdk
von The MCP-UI Authors
Ressource ansehen
📚Ressourcen

CopilotKit Docs: Generative UI Overview

Offizielle CopilotKit Dokumentation zu den Kernprimitiven des Generative UI Stacks. Die Seite ordnet konkrete Runtime-Muster wie components-as-tools, tool-call rendering, state rendering, sandboxed MCP Apps und deklarative UI Renderer ein und ist damit eine nuetzliche Karte produktionsnaher Implementierungsentscheidungen.

copilotkitdocspatterns
von CopilotKit
Ressource ansehen
📚Ressourcen

CopilotKit/generative-ui

Offizielles CopilotKit Beispiel-Repository mit drei konkreten Generative UI Mustern: controlled GenUI mit Frontend Tools, declarative GenUI mit A2UI/Open-JSON-UI und open-ended UI Generation in einer Sandbox. Wertvoll ist die direkte Gegenueberstellung mehrerer Ansaetze in einem gepflegten Beispielset.

copilotkitexamplesa2ui
von CopilotKit
Ressource ansehen
📚Ressourcen

CopilotKit/OpenGenerativeUI

Offizielles Open-Source-Framework von CopilotKit fuer open-ended Generative UI. Anders als deklarative Component-Spec Beispiele fokussiert dieses Repo reichere sandboxed HTML/SVG Erfahrungen wie Charts, Diagramme, Simulationen und 3D Szenen, die ein Agent in einer kontrollierten iframe Runtime erzeugen kann.

copilotkitsandboxhtml
von CopilotKit
Ressource ansehen
📚Ressourcen

thesysdev/openui

Offizielles OpenUI GitHub Repository von Thesys. Es buendelt OpenUI Language, Runtime und komponentengetriebene React Integration und ist damit die konkrete Implementierungsergaenzung zu den Design-Essays des Teams. Besonders nuetzlich ist es fuer Entwickler, die streaming-first GenUI Systeme jenseits reiner JSON Schemas evaluieren.

openuigithubreact
von Thesys
Ressource ansehen
📚Ressourcen

google/A2UI

Offizielles A2UI Repository von Google. Es enthaelt Spezifikation, Renderer, Samples und Tooling fuer das agent-to-user-interface Format und ist damit die direkteste Implementierungsreferenz fuer portable, deklarative Generative UI ueber trusted Component Catalogs.

googlea2uigithub
von Google
Ressource ansehen
📚Ressourcen

Flutter GenUI SDK

Offizielle Bibliothek des Flutter Teams fuer Generative UI in Flutter Anwendungen. Das SDK nutzt JSON-formatierte interaktive Komponentendefinitionen und State Feedback, um Chat-Ausgaben in ausfuehrbare Interfaces zu uebersetzen. Es ist besonders relevant fuer Cross-Platform Teams, die GenUI ueber Mobile, Web und Desktop denken.

fluttersdkopen-source
von Flutter
Ressource ansehen
📚Ressourcen

OpenAI Structured Outputs Sample: Generative UI

Offizielle OpenAI Beispiel-App fuer einen structured-output Pfad zu Generative UI. Die Demo nutzt ein rekursives Component Schema und ein `generate_ui` Tool, damit Modellantworten verlaesslichere UI Definitionen streamen koennen als freiformiger Text, waehrend Multi-turn Conversation und automatische Tool-Ausfuehrung erhalten bleiben.

openaistructured-outputssample
von OpenAI
Ressource ansehen
📚Ressourcen

vercel-labs/json-render

Offizielles Open-Source-Generative-UI Framework von Vercel Labs. json-render laesst Modelle Interfaces aus Prompts erzeugen, bleibt dabei aber auf einen von Entwicklern definierten Component Catalog beschraenkt und rendert die resultierende Spec progressiv ueber Web, Mobile und weitere Runtimes.

vercelframeworkschema-driven
von Vercel Labs
Ressource ansehen
📚Ressourcen

Hashbrown - TypeScript Framework fuer Generative UI

Hashbrown ist ein Open-Source-Framework fuer browser-native Agents und Generative UI in React und Angular. Besonders relevant ist das komponentengesteuerte Modell: Entwickler stellen vertrauenswuerdige UI-Komponenten bereit, waehrend das LLM dynamische Benutzeroberflaechen komponiert, sie streamt, clientseitige Tools aufruft und mit strukturierten Daten statt nur mit Text arbeitet.

hashbrownreactangular
von LiveLoveApp
Ressource ansehen
📚Ressourcen

mdocUI - Generative UI mit Markdoc-Tags

mdocUI ist eine Alpha-Bibliothek fuer Generative UI, bei der LLMs normales Markdown mit eingebetteten komponentenartigen Markdoc-Tags schreiben. Das Projekt ist noch frueh, zeigt aber einen anderen Weg als JSON-Baeume und Tool Calls: Fliesstext und interaktive Komponenten teilen denselben Stream, waehrend der Renderer Validierung, Platzhalter, Error Boundaries und Mapping eigener Komponenten uebernimmt.

mdocuimarkdocmarkdown
von mdocUI
Ressource ansehen
📚Ressourcen

LangUI - UI for AI

LangUI ist eine Open-Source Tailwind CSS Komponentenbibliothek fuer GPT- und generative AI Anwendungen. Sie bietet UI-Bausteine fuer Chatbots, Prompt-Eingaben, Antwortdarstellungen und verwandte AI Workflows und ist damit ein praktischer Baustein fuer Teams, die GenUI nicht bei jeder Oberflaeche von Grund auf neu gestalten wollen.

languitailwindui-library
von Langbase
Ressource ansehen
📚Ressourcen

Anilturaga/Generative-UI - Imagine with Claude

Open-Source-Demo Imagine with Claude, die Generative UI Faehigkeiten mit Anthropic Claude zeigt. Das Projekt ist weniger ein Standard oder Framework, aber als Lernressource nuetzlich, um alternative LLM-Stacks und kreative Interface-Generierung jenseits von OpenAI- oder Google-Beispielen zu vergleichen.

claudedemoopen-source
von Anil Turaga
Ressource ansehen

Ein kuratiertes Verzeichnis fuer Generative UI, GenUI und sichere KI-Schnittstellen.

Erstellt mit ❤️ von der Community