📚

Generative UI ライブラリ・SDK - MCP Apps UI、A2UI、AG-UI

Generative UIライブラリ、MCP Apps UI、Model Context Protocol UI、A2UI、AG-UI、CopilotKit、OpenClaw、React/Vue/Flutterレンダラー、OSSツールを探せます。

39 件
📚リソース

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
by Thesys · 2026-07
リソースを見る
📚リソース

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
by OpenTiny · 2026-07
リソースを見る
📚リソース

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
by AGenUI Contributors · 2026-07
リソースを見る
📚リソース

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
by Andrew Brogdon (Google) · 2026-07
リソースを見る
📚リソース

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
by Prefect · 2026-06
リソースを見る
📚リソース

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

Amazon Bedrock AgentCore 上に AG-UI agent frontend を deploy するための AWS Machine Learning Blog 公式 walkthrough です。Strands Agents と LangGraph 向けの FAST patterns を示し、その上に CopilotKit を重ねて inline generative UI、shared state、human-in-the-loop flows を Cognito、Lambda、Amplify、AgentCore Runtime と一緒に扱います。

awsbedrock-agentcoreag-ui
by AWS · 2026-06
リソースを見る
📚リソース

AI SDK applicationにMCP Appsを追加する

AI SDKでMCP Apps hostを構築するためのVercel Knowledge Base guideです。`@ai-sdk/mcp`と`@ai-sdk/react`でmodel-visible toolとapp-only toolを分離し、`ui://` resourceを読み取り、`experimental_MCPAppRenderer`でinteractive tool UIをsandboxed iframe内にrenderする流れを示します。

vercelai-sdkmcp-apps
by Vercel · 2026-06
リソースを見る
📚リソース

ag-ui-protocol/ag-ui

Agentをfrontend applicationへ組み込むためのagent-user interaction layerとして位置づけられている、AG-UI protocolの公式repositoryです。app固有のdemoより一段低いtransportとevent modelを定義し、agent backendからmessage、tool activity、UI updateを複数clientへstreamできる点が特に重要です。AG-UIやAI駆動UIの実装境界を比較する読者にも向いています。

protocolagent-uiopen-source
by AG-UI Contributors · 2026-06
リソースを見る
📚リソース

A2UI + MCP Apps: 宣言的UIとカスタムAgentic UIを組み合わせる

A2UIとMCP Appsを組み合わせる方法を扱うGoogle Developers Blog公式architecture postです。単独のprotocol announcementに留まらず、MCP経由でA2UI payloadを配信する、A2UI component内にMCP Appsを埋め込む、MCP Apps内でA2UI rendererを動かす、という3つのintegration patternを示しています。

googlea2uimcp-apps
by Google A2UI Team · 2026-06
リソースを見る
📚リソース

syntux - Web向けGenerative UIライブラリ

Syntuxは、入力データと任意のUIヒントからWebインターフェースを生成するオープンソースのReactライブラリです。React Interface SchemaというフラットなJSON-DSLを使い、ストリーミング、カスタムコンポーネント、キャッシュ、リアクティブな再生成をサポートするため、チャット画面ではなくデータからUIを作るGenUI実装として参考になります。

syntuxreactjson-dsl
by Puffinsoft · 2026-05
リソースを見る
📚リソース

Agent FrameworkのAG-UI Integration

Agent FrameworkのagentをAG-UI frontendへ接続するためのMicrosoft Learn公式documentationです。Microsoftがproduction agent appの中でAG-UIをどう位置づけるかを示し、agentic generative UI、tool-based UI、backend agent runtimeとReact clientのevent bridgeを扱います。

microsoftagent-frameworkag-ui
by Microsoft Learn · 2026-04
リソースを見る
📚リソース

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

A2UI v0.9に関するGoogle Developers Blog公式updateです。A2UIをdeclarativeでagent-generatedなUIのproduction-oriented standardとして位置づけ、公式React rendererを追加し、Agentが任意のfrontend codeを生成するのではなく、web/mobileをまたぐ既存component catalogをtargetにできることを説明しています。

googlea2uistandard
by Google A2UI Team · 2026-04
リソースを見る
📚リソース

Stop making AI write JSON - Why we built OpenUI

OpenUI teamが、Generative UIでJSON treeの先へ進む理由を説明する公式engineering write-upです。interactiveなagent-generated interfaceに必要なruntime要件を整理し、stateful UIではnested JSONが壊れやすいことを示したうえで、model-generated UI向けのstreaming-first languageであるOpenUI Langを紹介しています。

openuiframeworkstreaming
by Thesys Engineering Team · 2026-04
リソースを見る
📚リソース

Introducing Tambo 1.0

Production-readyなReact generative UI toolkitとしてTambo 1.0を発表する公式launch postです。開発者が既存React componentsを登録し、Agentがそれを選び、propsをstreamし、Tamboがconversation state、orchestration、永続的なinteractive component behaviorを扱うfullstack modelを説明しています。

tamboreactsdk
by Michael Milstead · 2026-02
リソースを見る
📚リソース

MCP Apps - Bringing UI Capabilities To MCP Clients

MCP Appsは、AI client内へinteractive UIを直接返すための初のproduction-readyなMCP extensionとして発表されたModel Context Protocol公式announcementです。MCP Apps UIとModel Context Protocol UIの基礎として、toolが`_meta.ui.resourceUri`を宣言する方法、hostがsandboxed interfaceをrenderする仕組み、dashboard、form、visualization、multi-step workflowが純テキストより適する理由を説明しています。

mcpmcp-appsprotocol
by MCP Core Maintainers · 2026-01
リソースを見る
📚リソース

Introducing A2UI: An open project for agent-driven interfaces

Agent-generated interfaceのためのportable declarative formatであるA2UIを紹介するGoogle Developers Blog公式announcementです。remote/local Agentが任意HTMLを出すのではなく、host appのtrusted UI componentsをrequestできる仕組みを説明し、Generative UIをより安全でcross-platform、かつincremental update可能にします。

googlea2uiprotocol
by Google A2UI Team · 2025-12
リソースを見る
📚リソース

Google Research Blog: Generative UI

Google Researchのblog記事「Generative UI: A rich, custom, visual interactive user experience for any prompt」です。Google Researchのsenior engineerがGenerative UIの実装approachと実験結果を紹介し、AI modelがcontentだけでなくuser experience全体を作れる能力として説明しています。Gemini appとGoogle Search AI Modeでの実験導入にも触れています。

googleblogofficial
by Google Research · 2025-11
リソースを見る
📚リソース

Google launches Gemini 3, Google Antigravity, generative UI features

Gemini 3 launchとGoogle Antigravity、Generative UI featuresを紹介するConstellation Researchのtechnical analysisです。Gemini 3がinteractive component、scenario option、image、table、textを組み合わせて生成できる点を強調し、Visual LayoutとDynamic View experimentsを詳しく扱っています。

constellationanalysisgemini-3
by Larry Dignan · 2025-11
リソースを見る
📚リソース

9to5Google: Gemini 3 Launch Analysis

Gemini 3のGenerative UI機能を詳しく解説する9to5Googleの記事です。Dynamic Viewがpromptごとにcustom interactive responseをdesign and codeできること、Visual Layoutがmagazine-styleのimmersive multimedia interfaceを生成することを説明しています。

9to5googlegemini-3analysis
by 9to5Google · 2025-11
リソースを見る
📚リソース

Generative UI Project - Google

Google teamのGenerative UI project website(generativeui.github.io)です。research paper、interactive examples、一部codeを含み、GoogleのGenUI implementation approachをまとめて確認できます。

googleprojectdemo
by Google · 2025-11
リソースを見る
📚リソース

AIBase News: Google Generative UI

中国のtech mediaであるAIBaseによる、Google Generative UIに関する2025年11月の報道です。Generative UIにより、AIが質問へ答えるときにactionable dynamic interfaceを生成できるという要点を伝えています。

aibasenewschinese
by AIBase · 2025-11
リソースを見る
📚リソース

Generative UI with AI: The Future of Frontend Web Development

Pansoficによる、Generative UI with AIがfrontend developmentをどう変えるかを広く解説した記事です。real-time UI adaptation、natural language to interface generation、personalized experience、高速prototypeを扱い、Builder.io、Vercel AI SDK、Figma AI Assistantのcase studyと実装best practiceも含みます。

pansoficfrontendweb-development
by Pansofic · 2025-07
リソースを見る
📚リソース

AI is the new UI: Generative UI with FastHTML

Pol Alvarez Vecinoによる、FastHTMLとHTMXを使って150行未満でinteractive Generative UI applicationを作るtutorialです。text-only chat interfaceからdisplay-only GenUI、fully interactive GenUIへの進化をたどり、hypermedia approachがfrontend/backend間のcontract couplingを減らし、LLMが本当にdynamicなinterfaceを生成できることを説明します。

mediumfasthtmlhtmx
by Pol Alvarez Vecino · 2025-04
リソースを見る
📚リソース

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

Daniel OstrovskyによるMedium/Design Bootcampの記事で、businessとuserの視点からGenerative UIの可能性を説明しています。GenUIはAIがゼロから全componentを作ることではなく、user intentに応じて既存のinterface elementを知的に選択・配置することだと論じ、金融サービスや教育applicationの例を挙げています。

mediumdesignintent-based
by Daniel Ostrovsky · 2025-02
リソースを見る
📚リソース

An introduction to Generative UIs

Mark O'NeillによるUX Collectiveの記事で、Generative UIの概念と実践例を紹介しています。Generative UIという用語が2023年ごろに現れたことに触れ、generative AIによりcontextに基づいてinterfaceを自動構築または調整するtechnologyとして説明します。

uxdesignintroductionarticle
by Mark O'Neill · 2024-08
リソースを見る
📚リソース

Generative UI and Outcome-Oriented Design

Nielsen Norman Groupによる、Generative UIがdesign paradigmへ与える影響を論じた記事です。Generative UIをAIによりtailored interfaceをreal-timeに動的生成するtechnologyとして説明し、従来のinterface designから、user goalと最終体験に焦点を当てるoutcome-oriented designへの移行を提案しています。

nngroupuxdesign
by Nielsen Norman Group · 2024-03
リソースを見る
📚リソース

MCP-UI-Org/mcp-ui

MCP上でinteractive UIを構築・renderするための公式MCP-UI SDK repositoryです。READMEは標準化後のecosystemを把握するうえで重要で、`@mcp-ui/*`がMCP Apps standardを実装し、TypeScript、Python、Rubyのserver pathに対応しながら、Model Context Protocol UIやUI-richなagent toolを出荷するチーム向けの実用SDKであり続けていることが分かります。

mcpmcp-appssdk
by The MCP-UI Authors
リソースを見る
📚リソース

CopilotKit Docs: Generative UI Overview

CopilotKitのGenerative UI stackにおけるcore primitiveを説明する公式documentationです。components-as-tools、tool-call rendering、state rendering、sandboxed MCP Apps、declarative UI renderersなど、productionで選べるruntime patternを具体的に整理しており、実装方針の地図として有用です。

copilotkitdocspatterns
by CopilotKit
リソースを見る
📚リソース

CopilotKit/generative-ui

CopilotKit公式example repositoryで、frontend toolsを使うcontrolled GenUI、A2UI/Open-JSON-UIによるdeclarative GenUI、sandbox内でrenderするopen-ended UI generationという3つの具体patternを示しています。複数のGenerative UI approachを1つのmaintained example setで比較できる点が価値です。

copilotkitexamplesa2ui
by CopilotKit
リソースを見る
📚リソース

CopilotKit/OpenGenerativeUI

CopilotKitによるopen-ended Generative UI向けの公式open-source frameworkです。declarative component-spec型のexampleとは異なり、chart、diagram、simulation、3D sceneのようなrichなsandboxed HTML/SVG experienceに焦点を当て、Agentがcontrolled iframe runtime内に完全なinteractive visual responseを生成する方法を示します。

copilotkitsandboxhtml
by CopilotKit
リソースを見る
📚リソース

thesysdev/openui

ThesysによるOpenUIの公式GitHub repositoryです。OpenUI language、runtime、component-driven React integrationをまとめて提供しており、teamのdesign essayを実装で確認できる companion になっています。plain JSON schemaを超えるstreaming-first GenUI systemを評価する開発者に特に有用です。

openuigithubreact
by Thesys
リソースを見る
📚リソース

google/A2UI

Googleによる公式A2UI repositoryです。agent-to-user-interface formatのspecification、renderers、samples、toolingをまとめて提供し、trusted component catalogをまたぐportableでdeclarativeなGenerative UI実装の最も直接的なreferenceになります。

googlea2uigithub
by Google
リソースを見る
📚リソース

Flutter GenUI SDK

Flutter teamによる、Flutter applicationsへgenerative UI capabilityを組み込むための公式libraryです。JSON形式のinteractive component definitionとstate feedback mechanismを提供し、chat outputを操作可能なinterfaceへ変換します。BSD licenseのexperimental projectとして公開されています。

fluttersdkopen-source
by Flutter
リソースを見る
📚リソース

OpenAI Structured Outputs Sample: Generative UI

Generative UIへstructured-output approachで取り組むOpenAI公式sample appです。recursive component schemaと`generate_ui` toolを使い、model responseがtextだけでなく信頼性の高いUI definitionをstreamできるようにしつつ、multi-turn conversationとautomatic tool executionも扱います。

openaistructured-outputssample
by OpenAI
リソースを見る
📚リソース

vercel-labs/json-render

Vercel Labsによる公式open-source Generative UI frameworkです。json-renderは、modelがpromptからinterfaceを生成しながらも、developer定義のcomponent catalogに制約されたままspecを生成し、web、mobile、その他runtimeへprogressive renderingできるようにします。

vercelframeworkschema-driven
by Vercel Labs
リソースを見る
📚リソース

Hashbrown - TypeScript向けGenerative UIフレームワーク

Hashbrownは、ReactとAngularでブラウザネイティブなAgentとGenerative UIを構築するためのオープンソースフレームワークです。このコレクションで特に価値があるのは、開発者が信頼済みUIコンポーネントを公開し、LLMが動的ビューを構成してストリーミングし、クライアント側ツールや構造化データと連携するコンポーネント制御モデルです。

hashbrownreactangular
by LiveLoveApp
リソースを見る
📚リソース

mdocUI - Markdocタグで作るGenerative UI

mdocUIはalpha段階のGenerative UIライブラリで、LLMに通常のMarkdownを書かせつつ、Markdoc風のコンポーネントタグをインラインで埋め込ませます。まだ初期ですが、JSONツリーやtool callとは異なる実装路線として有用です。文章とインタラクティブコンポーネントを同じストリームに載せ、rendererが検証、placeholder、error boundary、カスタムコンポーネントのマッピングを扱います。

mdocuimarkdocmarkdown
by mdocUI
リソースを見る
📚リソース

LangUI - UI for AI

LangUIは、GPTやgenerative AI application向けにcustomizeされたMIT licenseのopen-source Tailwind CSS component libraryです。chatbot、content generation tool、AI assistantなど、LLM-powered projectへ組み込みやすいUI componentsを提供し、GenUI開発の基礎部品として使えます。

languitailwindui-library
by Langbase
リソースを見る
📚リソース

Anilturaga/Generative-UI - Imagine with Claude

Claudeを使ったgenerative UI capabilityを示すopen-source demo project「Imagine with Claude」です。Anthropic Claudeを使う場合のGenerative UI実装や、creative/visual application寄りのinterface generationを確認できます。

claudedemoopen-source
by Anil Turaga
リソースを見る

Generative UI、GenUI、生成AI UIデザインの厳選リソース集。

Made with ❤️ community