📚

Generative UI ресурсы — frameworks, SDK, библиотеки и UI-киты

Найдите frameworks, SDK, библиотеки, UI-киты, документацию и open-source проекты для Генеративного UI. Сравнивайте Vercel AI SDK, React, Vue, MCP, A2UI, AG-UI и AI генератор сайтов и интерфейсов для практической разработки.

32 элементов
📚Ресурсы

ag-ui-protocol/ag-ui

Официальный репозиторий протокола AG-UI, который описывает слой agent-user interaction для подключения агентов к frontend-приложениям. Он особенно полезен тем, что находится ниже уровня отдельных демо: задает транспорт и модель событий, через которые agent backends стримят сообщения, активность tools и обновления UI в реальные продукты на разных клиентах.

protocolagent-uiopen-source
от AG-UI Contributors · 2026-06
Открыть ресурс
📚Ресурсы

A2UI + MCP Apps: как объединять declarative и custom agentic UIs

Официальная архитектурная статья Google Developers Blog о сочетании A2UI с MCP Apps. Она ценна тем, что выходит за рамки одиночных анонсов протоколов и показывает три конкретных integration patterns: передача A2UI payloads через MCP, embedding MCP Apps внутри A2UI components и запуск A2UI renderers внутри MCP Apps.

googlea2uimcp-apps
от Google A2UI Team · 2026-06
Открыть ресурс
📚Ресурсы

syntux - Build Generative UIs for the Web

Syntux - open-source React library для генерации web interfaces из переданного value и optional UI hints. Она использует flat JSON-DSL под названием React Interface Schema, поддерживает streaming, custom components, caching и reactive regeneration, поэтому полезна как reference для data-to-interface GenUI, а не только chat assistant surfaces.

syntuxreactjson-dsl
от Puffinsoft · 2026-05
Открыть ресурс
📚Ресурсы

Интеграция AG-UI с Agent Framework

Документация Microsoft Learn по подключению агентов Agent Framework к AG-UI frontends. Она показывает, как Microsoft встраивает AG-UI в production agent apps: agentic generative UI, tool-based UI и event bridge между backend agent runtime и React-клиентами.

microsoftagent-frameworkag-ui
от Microsoft Learn · 2026-04
Открыть ресурс
📚Ресурсы

A2UI v0.9: новый стандарт portable, framework-agnostic Generative UI

Официальное обновление Google Developers Blog об A2UI v0.9. Пост позиционирует A2UI как production-oriented standard для декларативного agent-generated UI, добавляет официальный React renderer и объясняет, как агенты могут работать с существующими component catalogs на web и mobile без генерации произвольного frontend-кода.

googlea2uistandard
от Google A2UI Team · 2026-04
Открыть ресурс
📚Ресурсы

Хватит заставлять AI писать JSON - зачем мы создали OpenUI

Официальный engineering write-up OpenUI о том, почему команда ушла дальше JSON-деревьев для Generative UI. В тексте разобраны runtime requirements интерактивных agent-generated interfaces, показано, где вложенный JSON становится хрупким для stateful UI, и представлен OpenUI Lang как streaming-first язык для model-generated UI.

openuiframeworkstreaming
от Thesys Engineering Team · 2026-04
Открыть ресурс
📚Ресурсы

Introducing Tambo 1.0

Официальный launch post Tambo о production-ready React toolkit для Generative UI. Пост объясняет fullstack-модель: разработчики регистрируют существующие React components, агент выбирает их и стримит props, а Tambo управляет conversation state, orchestration и persistent behavior интерактивных компонентов.

tamboreactsdk
от Michael Milstead · 2026-02
Открыть ресурс
📚Ресурсы

MCP Apps - Bringing UI Capabilities To MCP Clients

Официальный анонс Model Context Protocol про MCP Apps, production-ready MCP extension для возврата интерактивного UI прямо внутри AI clients. Материал объясняет, как tools объявляют `_meta.ui.resourceUri`, как hosts рендерят sandboxed interfaces и почему dashboards, формы, визуализации и многошаговые workflows часто лучше чистого текста для агентных задач.

mcpmcp-appsprotocol
от MCP Core Maintainers · 2026-01
Открыть ресурс
📚Ресурсы

Introducing A2UI: open project для agent-driven interfaces

Официальный анонс Google Developers Blog об A2UI, portable declarative format для agent-generated interfaces. Он объясняет, как remote или local agents могут запрашивать trusted UI components у host app вместо выдачи произвольного HTML, делая Generative UI безопаснее, cross-platform и пригодным для incremental updates.

googlea2uiprotocol
от 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 описывают подход к реализации и экспериментальные результаты Generative UI: AI models создают не только контент, но и весь user experience. Материал связывает это с экспериментами в Gemini app и Google Search AI Mode.

googleblogofficial
от Google Research · 2025-11
Открыть ресурс
📚Ресурсы

Google запускает Gemini 3, Google Antigravity и Generative UI features

Технический анализ Constellation Research о запуске Gemini 3 с акцентом на Generative UI features: Gemini 3 может создавать interactive components, варианты сценариев, images, tables и text. Статья разбирает эксперименты Visual Layout и Dynamic View как сигналы движения к AI генератору сайтов и интерфейсов.

constellationanalysisgemini-3
от Larry Dignan · 2025-11
Открыть ресурс
📚Ресурсы

9to5Google: анализ запуска Gemini 3

Подробный разбор 9to5Google о Gemini 3 и его Generative UI features. Материал отмечает, что Dynamic View позволяет Gemini 3 design and code a fully custom interactive response для каждого prompt, а Visual Layout генерирует magazine-style immersive multimedia interfaces.

9to5googlegemini-3analysis
от 9to5Google · 2025-11
Открыть ресурс
📚Ресурсы

Generative UI Project - Google

Сайт проекта Generative UI от команды Google (generativeui.github.io) с research papers, interactive examples и частью code. Он показывает их подход к GenUI implementation и полезен тем, кто изучает генеративный интерфейс как исследовательскую и инженерную практику.

googleprojectdemo
от Google · 2025-11
Открыть ресурс
📚Ресурсы

AIBase News: Google Generative UI

Материал китайского tech media AIBase за ноябрь 2025 года о том, что Generative UI позволяет AI генерировать actionable dynamic interfaces при ответе на вопросы. Это локализованный рыночный сигнал о том, как Генеративный UI воспринимается за пределами англоязычной developer-среды.

aibasenewschinese
от AIBase · 2025-11
Открыть ресурс
📚Ресурсы

Generative UI with AI: будущее frontend web development

Подробная статья Pansofic о том, как Generative UI with AI меняет frontend development. Она покрывает real-time UI adaptation, natural language to interface generation, personalized experiences и faster prototyping, а также разбирает кейсы Builder.io, Vercel AI SDK и Figma AI Assistant.

pansoficfrontendweb-development
от Pansofic · 2025-07
Открыть ресурс
📚Ресурсы

AI is the new UI: Generative UI with FastHTML

Глубокий tutorial Pol Alvarez Vecino о создании интерактивных Generative UI applications с FastHTML и HTMX менее чем в 150 строк кода. Статья проходит путь от text-only chat interfaces к display-only GenUI и fully interactive GenUI, объясняя, как hypermedia approach убирает contract coupling между frontend и backend и позволяет LLM генерировать действительно dynamic interfaces.

mediumfasthtmlhtmx
от Pol Alvarez Vecino · 2025-04
Открыть ресурс
📚Ресурсы

Generative UI: умный, intent-based и AI-driven

Статья Daniel Ostrovsky в Medium/Design Bootcamp о потенциале Generative UI с точки зрения бизнеса и пользователей. Автор подчеркивает, что GenUI не обязан создавать новые компоненты с нуля: чаще он интеллектуально выбирает и компонует существующие interface elements по user intent. Это практичный взгляд на генерацию интерфейсов нейросетью без лишней магии.

mediumdesignintent-based
от Daniel Ostrovsky · 2025-02
Открыть ресурс
📚Ресурсы

Введение в Generative UIs

Статья UX Collective Марка О'Нила, вводящая понятие Generative UI и практические use cases. Автор отмечает, что термин появился в 2023 году, и описывает его как технологию, которая автоматически строит или адаптирует интерфейсы на основе context через generative AI. Материал показывает, как UI elements, layouts и styles могут меняться под пользователя, формируя персонализированный GenUI.

uxdesignintroductionarticle
от Mark O'Neill · 2024-08
Открыть ресурс
📚Ресурсы

Generative UI и outcome-oriented design

Статья Nielsen Norman Group о влиянии Generative UI на design paradigms. Автор определяет Generative UI как технологию, которая динамически генерирует tailored interfaces для пользователей в real time через AI, и утверждает, что интерфейсный дизайн сместится от большинства пользователей к каждому отдельному сценарию. Это полезный UX-ракурс на Генеративный UI и динамический UI на базе LLM.

nngroupuxdesign
от Nielsen Norman Group · 2024-03
Открыть ресурс
📚Ресурсы

MCP-UI-Org/mcp-ui

Официальный репозиторий MCP-UI SDK для создания и рендеринга интерактивного UI поверх MCP. Его README особенно полезен, потому что показывает состояние экосистемы после стандартизации: `@mcp-ui/*` теперь реализует стандарт MCP Apps, поддерживает TypeScript, Python и Ruby server paths и остается практичным host/client SDK для команд, которые выпускают UI-rich agent tools.

mcpmcp-appssdk
от The MCP-UI Authors
Открыть ресурс
📚Ресурсы

Документация CopilotKit: обзор Generative UI

Официальная страница CopilotKit docs, объясняющая базовые primitives его Generative UI stack. Она раскладывает область на конкретные runtime patterns: components-as-tools, tool-call rendering, state rendering, sandboxed MCP Apps и declarative UI renderers, поэтому полезна как карта production implementation choices.

copilotkitdocspatterns
от CopilotKit
Открыть ресурс
📚Ресурсы

CopilotKit/generative-ui

Официальный example repository CopilotKit, демонстрирующий три конкретных Generative UI patterns: controlled GenUI с frontend tools, declarative GenUI с A2UI/Open-JSON-UI и open-ended UI generation внутри sandbox. Он ценен тем, что ставит несколько подходов GenUI рядом в одном поддерживаемом наборе примеров.

copilotkitexamplesa2ui
от CopilotKit
Открыть ресурс
📚Ресурсы

CopilotKit/OpenGenerativeUI

Официальный open-source framework CopilotKit для open-ended Generative UI. В отличие от декларативных component-spec examples, этот репозиторий делает акцент на более богатых sandboxed HTML/SVG experiences: charts, diagrams, simulations и 3D scenes. Он показывает, как агент может генерировать полные интерактивные visual responses внутри контролируемого iframe runtime.

copilotkitsandboxhtml
от CopilotKit
Открыть ресурс
📚Ресурсы

thesysdev/openui

Официальный GitHub-репозиторий OpenUI от Thesys. Он объединяет OpenUI language, runtime и component-driven React integration, поэтому служит практическим implementation companion к design essays команды. Особенно полезен разработчикам, которые оценивают streaming-first GenUI systems за пределами простых JSON schemas.

openuigithubreact
от Thesys
Открыть ресурс
📚Ресурсы

google/A2UI

Официальный репозиторий A2UI от Google. Он включает specification, renderers, samples и tooling для agent-to-user-interface format, поэтому является самой прямой implementation reference для portable, declarative Generative UI поверх trusted component catalogs.

googlea2uigithub
от Google
Открыть ресурс
📚Ресурсы

Flutter GenUI SDK

Официальная библиотека от Flutter team (BSD license) для интеграции generative UI capabilities во Flutter-приложения. Она предоставляет JSON-formatted interactive component definitions и state feedback mechanisms, превращая chat outputs в actionable interfaces. Это экспериментальный проект Flutter с 930+ GitHub stars.

fluttersdkopen-source
от Flutter
Открыть ресурс
📚Ресурсы

OpenAI Structured Outputs Sample: Generative UI

Официальный sample app OpenAI, показывающий практический путь к Generative UI через structured outputs. Демо использует recursive component schema и tool `generate_ui`, чтобы model responses могли стримить надежные UI definitions вместо одного текста, сохраняя multi-turn conversations и automatic tool execution.

openaistructured-outputssample
от OpenAI
Открыть ресурс
📚Ресурсы

vercel-labs/json-render

Официальный open-source Generative UI framework от Vercel Labs. json-render позволяет моделям генерировать интерфейсы из prompts, оставаясь в рамках developer-defined component catalog, а затем прогрессивно рендерит получившийся spec на web, mobile и других runtimes.

vercelframeworkschema-driven
от Vercel Labs
Открыть ресурс
📚Ресурсы

Hashbrown - TypeScript framework для Generative UI

Hashbrown - open-source framework для browser-native agents и Generative UI в React и Angular. Для этой коллекции он особенно ценен component-control model: разработчики открывают trusted UI components, а LLM компонует dynamic views, стримит их на страницу, вызывает client-side tools и работает со structured data вместо одного текста.

hashbrownreactangular
от LiveLoveApp
Открыть ресурс
📚Ресурсы

mdocUI - Generative UI через Markdoc tags

mdocUI - alpha Generative UI library, которая просит LLM писать обычный Markdown с inline Markdoc-style component tags. Проект ранний, но полезный: он показывает подход, отличный от JSON trees и tool calls. Prose и interactive components могут идти в одном stream, а renderer отвечает за validation, placeholders, error boundaries и custom component mapping.

mdocuimarkdocmarkdown
от mdocUI
Открыть ресурс
📚Ресурсы

LangUI - UI for AI

LangUI (MIT license) - open-source Tailwind CSS component library, настроенная под GPT/generative AI applications. Она дает rich UI components для LLM-powered проектов, например chatbots и content generation tools, и упрощает разработку GenUI без ручной сборки базовых паттернов.

languitailwindui-library
от Langbase
Открыть ресурс
📚Ресурсы

Anilturaga/Generative-UI - Imagine with Claude

Open-source demo project "Imagine with Claude", демонстрирующий generative UI capabilities с Claude. Полезен как небольшой пример того, как не-OpenAI LLM может использоваться для генерации интерфейсов нейросетью и визуального прототипирования.

claudedemoopen-source
от Anil Turaga
Открыть ресурс

Подборка ресурсов по Generative UI, GenUI и генеративным интерфейсам.

Сделано с ❤️ сообществом