📚

Generative UI Resources - FastHTML, HTMX, Google Research और SDKs

Generative UI कैसे बनाएं: FastHTML और HTMX tutorials, Google Research GenUI articles, Vercel AI SDK guides, OpenUI, json-render, A2UI, MCP Apps और open-source frameworks खोजें।

40 items
📚Resources

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
लेखक ASE 2026 · 2026-10
Resource देखें
📚Resources

AppLess: A Generative UI Phone with No Apps

OpenUI टीम का open-source React Native प्रयोग, जिसमें हर mobile screen मांग पर generate होकर native Cupertino या Material 3 components में stream होती है। AppLess एक shared component contract, compact openui-lang DSL, संभावित अगली screen की prefetching और optional web व image tools के जरिए यह दिखाता है कि apps के बिना Generative UI operating system कैसा हो सकता है।

react-nativeopenuinative-ui
लेखक Thesys · 2026-07
Resource देखें
📚Resources

OpenTiny GenUI SDK

Vue और Angular applications में schema-driven Generative UI जोड़ने के लिए open-source full-stack toolkit। इसमें stream extraction, delta patching, JSON repair, customize किए जा सकने वाले component materials और actions, OpenAI-compatible model access, MCP tools तथा A2A support को live multi-framework playground के साथ जोड़ा गया है।

vueangularschema-driven-ui
लेखक OpenTiny · 2026-07
Resource देखें
📚Resources

AGenUI/AGenUI

iOS, Android और HarmonyOS पर streaming Generative UI बनाने के लिए open-source native A2UI renderer। AGenUI shared C++ parsing और diffing core के साथ platform-native rendering engines इस्तेमाल करता है तथा A2UI v0.9 component catalog, custom components, design tokens, function calls और local generation studio को support करता है।

a2uinative-uimobile
लेखक AGenUI Contributors · 2026-07
Resource देखें
📚Resources

Build a Generative UI (GenUI) App

Flutter, Firebase AI Logic और GenUI package से task-list app बनाने का official Google Codelab। यह text chat को generated surfaces में बदलता है, A2UI transport और widget catalogs समझाता है, और अंत में user व agent द्वारा साझा किया जाने वाला custom interactive component बनवाता है।

googlefluttera2ui
लेखक Andrew Brogdon (Google) · 2026-07
Resource देखें
📚Resources

PrefectHQ/prefab

Prefect का Python-first Generative UI framework, जो declarative component trees परिभाषित करता है; ये JSON में serialize होकर bundled React client से render होते हैं। Prefab application authors से frontend code लिखवाए बिना streaming updates, reactive state, custom components, dashboards और MCP Apps support करता है।

pythonmcp-appsdeclarative-ui
लेखक Prefect · 2026-06
Resource देखें
📚Resources

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

Amazon Bedrock AgentCore पर AG-UI agent frontends deploy करने की official AWS Machine Learning Blog guide। यह Strands Agents और LangGraph के लिए FAST patterns दिखाती है, फिर Cognito, Lambda, Amplify और AgentCore Runtime के साथ inline generative UI, shared state और human-in-the-loop flows के लिए CopilotKit जोड़ती है।

awsbedrock-agentcoreag-ui
लेखक AWS · 2026-06
Resource देखें
📚Resources

Add MCP Apps to your AI SDK application

AI SDK के साथ MCP Apps host बनाने की Vercel Knowledge Base guide। इसमें दिखाया गया है कि `@ai-sdk/mcp` और `@ai-sdk/react` model-visible tools को app-only tools से कैसे अलग करते हैं, `ui://` resources पढ़ते हैं और `experimental_MCPAppRenderer` से sandboxed iframe के भीतर interactive tool UIs render करते हैं।

vercelai-sdkmcp-apps
लेखक Vercel · 2026-06
Resource देखें
📚Resources

ag-ui-protocol/ag-ui

Official AG-UI protocol repository, जिसे agents को frontend applications में लाने वाली agent-user interaction layer के रूप में पेश किया गया है। यह app-specific demos से एक स्तर नीचे transport और event model परिभाषित करती है, जिससे agent backends messages, tool activity और UI updates को अलग-अलग clients पर real products में stream कर सकते हैं।

protocolagent-uiopen-source
लेखक AG-UI Contributors · 2026-06
Resource देखें
📚Resources

A2UI + MCP Apps: Combining Declarative and Custom Agentic UIs

A2UI को MCP Apps के साथ जोड़ने पर official Google Developers Blog architecture post। यह standalone protocol announcements से आगे जाकर तीन ठोस integration patterns दिखाती है: MCP पर A2UI payloads serve करना, A2UI components के भीतर MCP Apps embed करना और MCP Apps के अंदर A2UI renderers चलाना।

googlea2uimcp-apps
लेखक Google A2UI Team · 2026-06
Resource देखें
📚Resources

syntux - Build Generative UIs for the Web

Syntux एक open-source React library है, जो दिए गए value और optional UI hints से web interfaces generate करती है। यह React Interface Schema नाम का flat JSON-DSL इस्तेमाल करती है और streaming, custom components, caching तथा reactive regeneration support करती है—इसलिए chat-only assistant surfaces के बजाय data-to-interface GenUI का उपयोगी reference है।

syntuxreactjson-dsl
लेखक Puffinsoft · 2026-05
Resource देखें
📚Resources

AG-UI Integration with Agent Framework

Agent Framework agents को AG-UI frontends से जोड़ने की Microsoft Learn documentation। यह दिखाती है कि Microsoft production agent apps में AG-UI को कैसे रखता है, जिसमें agentic generative UI, tool-based UI और backend agent runtime व React clients के बीच event bridge शामिल हैं।

microsoftagent-frameworkag-ui
लेखक Microsoft Learn · 2026-04
Resource देखें
📚Resources

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

A2UI v0.9 पर official Google Developers Blog update। यह A2UI को declarative, agent-generated UI के production-oriented standard के रूप में रखता है, official React renderer जोड़ता है और बताता है कि agents arbitrary frontend code generate किए बिना web व mobile के मौजूदा component catalogs को कैसे target कर सकते हैं।

googlea2uistandard
लेखक Google A2UI Team · 2026-04
Resource देखें
📚Resources

Stop making AI write JSON - Why we built OpenUI

Generative UI के लिए JSON trees से आगे जाने के कारणों पर OpenUI का official engineering लेख। यह interactive agent-generated interfaces की runtime requirements बताता है, समझाता है कि stateful UI में nested JSON क्यों fragile हो जाता है, और model-generated UI के लिए streaming-first भाषा OpenUI Lang पेश करता है।

openuiframeworkstreaming
लेखक Thesys Engineering Team · 2026-04
Resource देखें
📚Resources

Introducing Tambo 1.0

Production-ready React generative UI toolkit के लिए official Tambo launch post। यह fullstack model समझाती है: developers मौजूदा React components register करते हैं, agent उन्हें चुनकर props stream करता है, और Tambo conversation state, orchestration तथा persistent interactive component behavior संभालता है।

tamboreactsdk
लेखक Michael Milstead · 2026-02
Resource देखें
📚Resources

MCP Apps - Bringing UI Capabilities To MCP Clients

MCP Apps के लिए official Model Context Protocol announcement—AI clients के भीतर सीधे interactive UI लौटाने वाला पहला production-ready MCP extension। यह बताता है कि tools `_meta.ui.resourceUri` कैसे declare करते हैं, hosts sandboxed interfaces कैसे render करते हैं, और कई agent tasks में dashboards, forms, visualizations तथा multi-step workflows केवल text से बेहतर क्यों हैं।

mcpmcp-appsprotocol
लेखक MCP Core Maintainers · 2026-01
Resource देखें
📚Resources

Introducing A2UI: An open project for agent-driven interfaces

Agent-generated interfaces के portable declarative format A2UI की official Google Developers Blog announcement। यह समझाती है कि remote या local agents arbitrary HTML emit करने के बजाय host app से trusted UI components कैसे मांग सकते हैं, जिससे Generative UI अधिक सुरक्षित, cross-platform और incrementally updateable बनती है।

googlea2uiprotocol
लेखक Google A2UI Team · 2025-12
Resource देखें
📚Resources

Google Research Blog: Generative UI

Google Research का लेख "Generative UI: A rich, custom, visual interactive user experience for any prompt"। Google Research के senior engineers द्वारा लिखा यह लेख Generative UI का implementation approach और experimental results बताता है। इसके अनुसार, "Generative UI एक नई capability है जो AI models को केवल content नहीं, पूरा user experience बनाने देती है", और यह feature Gemini app तथा Google Search AI Mode में प्रयोग के तौर पर launch किया गया है।

googleblogofficial
लेखक Google Research · 2025-11
Resource देखें
📚Resources

Google launches Gemini 3, Google Antigravity, generative UI features

Gemini 3 launch का परिचय देने वाला Constellation Research technical analysis, जो Generative UI features पर जोर देता है: Gemini 3 "interactive components बना सकता है और अलग scenario options, images, tables तथा text दे सकता है"। लेख Visual Layout और Dynamic View experiments को विस्तार से बताता है।

constellationanalysisgemini-3
लेखक Larry Dignan · 2025-11
Resource देखें
📚Resources

9to5Google: Gemini 3 Launch Analysis

9to5Google का Gemini 3 पर विस्तृत analysis, जो Generative UI features समझाता है। लेख के अनुसार Dynamic View Gemini 3 को हर prompt के लिए "पूरी तरह custom interactive response design और code" करने देता है, जबकि Visual Layout "magazine-style" immersive multimedia interfaces generate करता है।

9to5googlegemini-3analysis
लेखक 9to5Google · 2025-11
Resource देखें
📚Resources

Generative UI Project - Google

Google team की Generative UI project website (generativeui.github.io), जिसमें research papers, interactive examples और कुछ code हैं, जो उनका GenUI implementation approach दिखाते हैं।

googleprojectdemo
लेखक Google · 2025-11
Resource देखें
📚Resources

AIBase News: Google Generative UI

नवंबर 2025 में Chinese tech media AIBase की report, जिसके अनुसार "Generative UI, AI को सवालों के जवाब देते समय actionable dynamic interfaces generate करने देता है"।

aibasenewschinese
लेखक AIBase · 2025-11
Resource देखें
📚Resources

Generative UI with AI: The Future of Frontend Web Development

Pansofic का विस्तृत लेख, जो बताता है कि AI के साथ Generative UI frontend development को कैसे बदल रहा है। इसमें real-time UI adaptation, natural language से interface generation, personalized experiences और faster prototyping शामिल हैं। लेख Builder.io, Vercel AI SDK और Figma AI Assistant की case studies के साथ implementation best practices भी देता है।

pansoficfrontendweb-development
लेखक Pansofic · 2025-07
Resource देखें
📚Resources

AI is the new UI: Generative UI with FastHTML

Pol Alvarez Vecino का विस्तृत tutorial, जो FastHTML और HTMX से 150 lines से कम code में interactive Generative UI applications बनाना दिखाता है। लेख text-only chat interfaces से display-only GenUI और फिर पूरी तरह interactive GenUI तक का evolution समझाता है। यह भी बताता है कि hypermedia approach frontend और backend के बीच "contract coupling" हटाकर LLMs को सचमुच dynamic interfaces generate करने देता है।

mediumfasthtmlhtmx
लेखक Pol Alvarez Vecino · 2025-04
Resource देखें
📚Resources

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

Daniel Ostrovsky का Medium/Design Bootcamp लेख, जो business और user दोनों नजरियों से Generative UI की संभावनाएं समझाता है। लेख का तर्क है कि GenUI का मतलब AI द्वारा "बिल्कुल नए components शुरू से बनाना" नहीं, बल्कि user intent के आधार पर मौजूदा interface elements को समझदारी से चुनना और व्यवस्थित करना है। Financial services और educational applications के उदाहरण दिखाते हैं कि GenUI efficiency और experience कैसे सुधार सकता है।

mediumdesignintent-based
लेखक Daniel Ostrovsky · 2025-02
Resource देखें
📚Resources

An introduction to Generative UIs

Mark O'Neill का UX Collective लेख, जो Generative UI की अवधारणा और practical cases समझाता है। लेखक के अनुसार यह term "2023 में उभरा" और इसका अर्थ है "generative AI के जरिए context के आधार पर interfaces को अपने-आप बनाना या बदलना"। लेख दिखाता है कि GenUI से हर user के लिए UI elements, layouts और styles बदलकर personalized experiences बनाए जा सकते हैं।

uxdesignintroductionarticle
लेखक Mark O'Neill · 2024-08
Resource देखें
📚Resources

Generative UI and Outcome-Oriented Design

Nielsen Norman Group का लेख, जो design paradigms पर Generative UI के प्रभाव की चर्चा करता है। लेखक Generative UI को "AI के जरिए real-time में users के लिए tailored interfaces generate करने वाली technology" बताते हैं और तर्क देते हैं कि design बहुसंख्यक को संतुष्ट करने से हर व्यक्ति को संतुष्ट करने की ओर जाएगा। लेख traditional interface design से user goals और final experiences पर केंद्रित "outcome-oriented design" की ओर बढ़ने की वकालत करता है।

nngroupuxdesign
लेखक Nielsen Norman Group · 2024-03
Resource देखें
📚Resources

MCP-UI-Org/mcp-ui

MCP पर interactive UI बनाने और render करने की official MCP-UI SDK repository। इसका README post-standard ecosystem को साफ दिखाता है: `@mcp-ui/*` अब MCP Apps standard लागू करता है, TypeScript, Python और Ruby server paths support करता है, और UI-rich agent tools ship करने वाली teams के लिए व्यावहारिक host/client SDK बना हुआ है।

mcpmcp-appssdk
लेखक The MCP-UI Authors
Resource देखें
📚Resources

CopilotKit Docs: Generative UI Overview

CopilotKit के Generative UI stack के core primitives समझाने वाला official documentation page। यह components-as-tools, tool-call rendering, state rendering, sandboxed MCP Apps और declarative UI renderers जैसे ठोस runtime patterns में क्षेत्र को बांटता है, इसलिए production implementation विकल्पों का उपयोगी नक्शा देता है।

copilotkitdocspatterns
लेखक CopilotKit
Resource देखें
📚Resources

CopilotKit/generative-ui

Official CopilotKit example repository, जो तीन ठोस Generative UI patterns दिखाती है: frontend tools के साथ controlled GenUI, A2UI/Open-JSON-UI के साथ declarative GenUI, और sandbox में render होने वाली open-ended UI generation। Generic demos की तुलना में यह मूल्यवान है क्योंकि कई GenUI approaches एक maintained example set में साथ रखे गए हैं।

copilotkitexamplesa2ui
लेखक CopilotKit
Resource देखें
📚Resources

CopilotKit/OpenGenerativeUI

Open-ended Generative UI के लिए CopilotKit का official open-source framework। Declarative component-spec examples से अलग, यह charts, diagrams, simulations और 3D scenes जैसे richer sandboxed HTML/SVG experiences पर केंद्रित है तथा दिखाता है कि agent controlled iframe runtime में पूर्ण interactive visual responses कैसे generate कर सकता है।

copilotkitsandboxhtml
लेखक CopilotKit
Resource देखें
📚Resources

thesysdev/openui

Thesys की official OpenUI GitHub repository। यह OpenUI language, runtime और component-driven React integration को एक जगह package करती है, इसलिए team के design essays की ठोस implementation companion है। Plain JSON schemas से आगे streaming-first GenUI systems जांचने वाले developers के लिए यह खास उपयोगी है।

openuigithubreact
लेखक Thesys
Resource देखें
📚Resources

google/A2UI

Google की official A2UI repository। यह agent-to-user-interface format के specification, renderers, samples और tooling को package करती है, इसलिए trusted component catalogs पर portable, declarative Generative UI की सबसे सीधी implementation reference है।

googlea2uigithub
लेखक Google
Resource देखें
📚Resources

Flutter GenUI SDK

Flutter applications में generative UI capabilities integrate करने के लिए Flutter team की official library (BSD license)। यह JSON-formatted interactive component definitions और state feedback mechanisms देती है, जिससे chat outputs actionable interfaces में बदलते हैं। फिलहाल इसके 930+ stars हैं और यह Flutter का experimental project है।

fluttersdkopen-source
लेखक Flutter
Resource देखें
📚Resources

OpenAI Structured Outputs Sample: Generative UI

Generative UI तक structured-output का practical रास्ता दिखाने वाला official OpenAI sample app। Demo recursive component schema और `generate_ui` tool इस्तेमाल करता है, ताकि model responses केवल text के बजाय भरोसेमंद UI definitions stream कर सकें; साथ ही multi-turn conversations और automatic tool execution भी support होते हैं।

openaistructured-outputssample
लेखक OpenAI
Resource देखें
📚Resources

vercel-labs/json-render

Vercel Labs का official open-source Generative UI framework। json-render models को prompts से interfaces generate करने देता है, लेकिन developer-defined component catalog की सीमा में रखता है; फिर resulting spec को web, mobile और अन्य runtimes पर क्रमशः render करता है।

vercelframeworkschema-driven
लेखक Vercel Labs
Resource देखें
📚Resources

Hashbrown - The TypeScript Framework for Generative UI

React और Angular में browser-native agents तथा Generative UI बनाने का open-source framework Hashbrown। इस collection के लिए इसकी सबसे मजबूत खासियत component-control model है: developers trusted UI components expose करते हैं, जबकि LLM dynamic views compose करके page में stream करता है, client-side tools call करता है और केवल text के बजाय structured data के साथ काम करता है।

hashbrownreactangular
लेखक LiveLoveApp
Resource देखें
📚Resources

mdocUI - Generative UI with Markdoc Tags

mdocUI एक alpha Generative UI library है, जो LLMs से inline Markdoc-style component tags के साथ सामान्य Markdown लिखवाती है। Project अभी शुरुआती है, लेकिन JSON trees और tool calls से अलग approach दिखाता है: prose और interactive components एक ही stream में रह सकते हैं, जबकि renderer validation, placeholders, error boundaries और custom component mapping संभालता है।

mdocuimarkdocmarkdown
लेखक mdocUI
Resource देखें
📚Resources

LangUI - UI for AI

LangUI (MIT license) GPT/generative AI applications के लिए customize की गई open-source Tailwind CSS component library है। यह rich UI components देती है जिन्हें किसी भी LLM-powered project—जैसे chatbots या content generation tools—में integrate किया जा सकता है, जिससे GenUI development सरल होता है।

languitailwindui-library
लेखक Langbase
Resource देखें
📚Resources

Anilturaga/Generative-UI - Imagine with Claude

Open-source "Imagine with Claude" demonstration project, जो Claude के साथ generative UI capabilities दिखाता है।

claudedemoopen-source
लेखक Anil Turaga
Resource देखें

Generative UI resources का curated संग्रह।

बनाया गया ❤️ community द्वारा