📚

Risorse Generative UI - FastHTML, HTMX, Google Research e SDK

Trova risorse pratiche su come implementare Generative UI: tutorial FastHTML e HTMX, articoli Google Research su GenUI, guide Vercel AI SDK, OpenUI, json-render, A2UI, MCP Apps e framework open source.

33 elementi
📚Risorse

Add MCP Apps to your AI SDK application

Guida della Vercel Knowledge Base per creare un host MCP Apps con AI SDK. Mostra come `@ai-sdk/mcp` e `@ai-sdk/react` separano gli strumenti visibili al modello da quelli solo per l'app, leggono risorse `ui://` e renderizzano UI interattive per tool dentro un iframe sandbox con `experimental_MCPAppRenderer`.

vercelai-sdkmcp-apps
di Vercel · 2026-06
Apri la risorsa
📚Risorse

ag-ui-protocol/ag-ui

Repository ufficiale del protocollo AG-UI, posizionato come layer di interazione agent-user per portare agenti dentro applicazioni frontend. È particolarmente utile perché sta un livello sotto le demo specifiche: definisce trasporto e modello eventi che permettono agli agent backend di fare streaming di messaggi, attività dei tool e aggiornamenti UI in prodotti reali su client diversi.

protocolagent-uiopen-source
di AG-UI Contributors · 2026-06
Apri la risorsa
📚Risorse

A2UI + MCP Apps: combinare UI agentiche dichiarative e custom

Post architetturale ufficiale del Google Developers Blog su come combinare A2UI con MCP Apps. È utile perché va oltre gli annunci di protocollo e mostra tre pattern concreti di integrazione: servire payload A2UI via MCP, incorporare MCP Apps dentro componenti A2UI ed eseguire renderer A2UI dentro MCP Apps.

googlea2uimcp-apps
di Google A2UI Team · 2026-06
Apri la risorsa
📚Risorse

syntux - Build Generative UIs for the Web

Syntux è una libreria React open source focalizzata sulla generazione di interfacce web da un valore fornito più eventuali hint UI. Usa una JSON-DSL piatta chiamata React Interface Schema, supporta streaming, componenti custom, caching e rigenerazione reattiva, diventando un riferimento utile per GenUI data-to-interface e non solo per superfici chat.

syntuxreactjson-dsl
di Puffinsoft · 2026-05
Apri la risorsa
📚Risorse

Integrazione AG-UI con Agent Framework

Documentazione Microsoft Learn per collegare agenti Agent Framework a frontend AG-UI. Mostra come Microsoft inquadra AG-UI dentro app agentiche di produzione, incluse agentic generative UI, UI basate su tool e il bridge di eventi tra runtime agent backend e client React.

microsoftagent-frameworkag-ui
di Microsoft Learn · 2026-04
Apri la risorsa
📚Risorse

A2UI v0.9: il nuovo standard portable e framework-agnostic per Generative UI

Aggiornamento ufficiale del Google Developers Blog su A2UI v0.9. Il post posiziona A2UI come standard orientato alla produzione per UI dichiarative generate da agenti, aggiunge il renderer React ufficiale e spiega come gli agenti possono puntare a cataloghi di componenti esistenti su web e mobile senza generare codice frontend arbitrario.

googlea2uistandard
di Google A2UI Team · 2026-04
Apri la risorsa
📚Risorse

Stop making AI write JSON - Why we built OpenUI

Write-up engineering ufficiale di OpenUI sul perché il team è andato oltre gli alberi JSON per la Generative UI. Descrive i requisiti runtime per interfacce interattive generate da agenti, mostra dove il JSON annidato diventa fragile per UI con stato e introduce OpenUI Lang come linguaggio streaming-first per UI generate dal modello.

openuiframeworkstreaming
di Thesys Engineering Team · 2026-04
Apri la risorsa
📚Risorse

Introducing Tambo 1.0

Post di lancio ufficiale di Tambo per il suo toolkit React di Generative UI pronto per la produzione. Spiega il modello fullstack: i developer registrano componenti React esistenti, l'agente li seleziona e streamma le props, mentre Tambo gestisce stato conversazionale, orchestrazione e comportamento persistente dei componenti interattivi.

tamboreactsdk
di Michael Milstead · 2026-02
Apri la risorsa
📚Risorse

MCP Apps - Bringing UI Capabilities To MCP Clients

Annuncio ufficiale del Model Context Protocol per MCP Apps, la prima estensione MCP production-ready per restituire UI interattiva direttamente nei client AI. Spiega come i tool dichiarano `_meta.ui.resourceUri`, come gli host renderizzano interfacce sandboxed e perché dashboard, form, visualizzazioni e workflow multi-step spesso funzionano meglio del solo testo per i task agentici.

mcpmcp-appsprotocol
di MCP Core Maintainers · 2026-01
Apri la risorsa
📚Risorse

Introducing A2UI: An open project for agent-driven interfaces

Annuncio ufficiale del Google Developers Blog per A2UI, un formato dichiarativo portable per interfacce generate da agenti. Spiega come agenti remoti o locali possono richiedere componenti UI fidati a una host app invece di emettere HTML arbitrario, rendendo la Generative UI più sicura, cross-platform e aggiornabile in modo incrementale.

googlea2uiprotocol
di Google A2UI Team · 2025-12
Apri la risorsa
📚Risorse

Google Research Blog: Generative UI

Articolo del Google Research Blog "Generative UI: A rich, custom, visual interactive user experience for any prompt". Scritto da senior engineer di Google Research, introduce l'approccio di implementazione e i risultati sperimentali della Generative UI. Presenta questa capacità come un modo per far creare ai modelli AI non solo contenuto, ma l'intera esperienza utente, con sperimentazioni in Gemini app e Google Search AI Mode.

googleblogofficial
di Google Research · 2025-11
Apri la risorsa
📚Risorse

Google launches Gemini 3, Google Antigravity, generative UI features

Analisi tecnica di Constellation Research sul lancio di Gemini 3, con enfasi sulle funzionalita Generative UI: Gemini 3 può creare componenti interattivi, offrire opzioni di scenario e combinare immagini, tabelle e testo. L'articolo dettaglia gli esperimenti Visual Layout e Dynamic View.

constellationanalysisgemini-3
di Larry Dignan · 2025-11
Apri la risorsa
📚Risorse

9to5Google: Gemini 3 Launch Analysis

Analisi dettagliata di 9to5Google sul lancio di Gemini 3 e sulle funzionalita Generative UI. L'articolo nota che Dynamic View permette a Gemini 3 di progettare e codificare una risposta interattiva completamente custom per ogni prompt, mentre Visual Layout genera interfacce multimediali immersive in stile magazine.

9to5googlegemini-3analysis
di 9to5Google · 2025-11
Apri la risorsa
📚Risorse

Generative UI Project - Google

Sito del progetto Generative UI del team Google (generativeui.github.io), con paper di ricerca, esempi interattivi e parte del codice, utile per capire il loro approccio di implementazione GenUI.

googleprojectdemo
di Google · 2025-11
Apri la risorsa
📚Risorse

AIBase News: Google Generative UI

Copertura del media tech cinese AIBase a novembre 2025, secondo cui "Generative UI enables AI to generate actionable dynamic interfaces when answering questions".

aibasenewschinese
di AIBase · 2025-11
Apri la risorsa
📚Risorse

Generative UI with AI: The Future of Frontend Web Development

Articolo completo di Pansofic su come la Generative UI with AI sta trasformando lo sviluppo frontend. Copre adattamento UI real-time, generazione da linguaggio naturale a interfaccia, esperienze personalizzate e prototipazione più rapida. Include case study di Builder.io, Vercel AI SDK e Figma AI Assistant, oltre a best practice implementative.

pansoficfrontendweb-development
di Pansofic · 2025-07
Apri la risorsa
📚Risorse

AI is the new UI: Generative UI with FastHTML

Tutorial approfondito di Pol Alvarez Vecino su come costruire applicazioni Generative UI interattive con FastHTML e HTMX in meno di 150 righe di codice. L'articolo esplora l'evoluzione dalle interfacce chat solo testo alla GenUI solo display fino alla GenUI pienamente interattiva, spiegando come l'approccio hypermedia elimina il "contract coupling" tra frontend e backend e permette agli LLM di generare interfacce veramente dinamiche.

mediumfasthtmlhtmx
di Pol Alvarez Vecino · 2025-04
Apri la risorsa
📚Risorse

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

Articolo Medium/Design Bootcamp di Daniel Ostrovsky che spiega il potenziale della Generative UI dal punto di vista business e utente. Sostiene che GenUI non significa far creare all'AI componenti completamente nuovi da zero, ma selezionare e organizzare in modo intelligente elementi di interfaccia esistenti in base all'intento utente, con esempi in servizi finanziari e app educative.

mediumdesignintent-based
di Daniel Ostrovsky · 2025-02
Apri la risorsa
📚Risorse

An introduction to Generative UIs

Articolo UX Collective di Mark O'Neill che introduce il concetto e i casi pratici di Generative UI. Ricorda che il termine è emerso nel 2023 e lo definisce come tecnologia che costruisce o adatta automaticamente interfacce in base al contesto tramite generative AI, con elementi UI, layout e stili variabili per utente.

uxdesignintroductionarticle
di Mark O'Neill · 2024-08
Apri la risorsa
📚Risorse

Generative UI and Outcome-Oriented Design

Articolo di Nielsen Norman Group sull'impatto della Generative UI sui paradigmi di design. L'autore definisce Generative UI come una tecnologia che genera dinamicamente interfacce su misura in tempo reale via AI e sostiene il passaggio dal design per la maggioranza all'outcome-oriented design, centrato sugli obiettivi e sull'esperienza finale dell'utente.

nngroupuxdesign
di Nielsen Norman Group · 2024-03
Apri la risorsa
📚Risorse

MCP-UI-Org/mcp-ui

Repository ufficiale dell'MCP-UI SDK per costruire e renderizzare UI interattiva sopra MCP. Il README è rilevante perché documenta la forma post-standard dell'ecosistema: `@mcp-ui/*` ora implementa lo standard MCP Apps, supporta percorsi server TypeScript, Python e Ruby, e resta un SDK host/client pratico per team che spediscono agent tool ricchi di UI.

mcpmcp-appssdk
di The MCP-UI Authors
Apri la risorsa
📚Risorse

CopilotKit Docs: Generative UI Overview

Pagina ufficiale della documentazione CopilotKit che spiega le primitive centrali dietro il suo stack Generative UI. Scompone lo spazio in pattern runtime concreti come components-as-tools, rendering delle tool call, rendering dello stato, MCP Apps sandboxed e renderer UI dichiarativi, diventando una mappa utile delle scelte di implementazione in produzione.

copilotkitdocspatterns
di CopilotKit
Apri la risorsa
📚Risorse

CopilotKit/generative-ui

Repository ufficiale di esempi CopilotKit che dimostra tre pattern concreti di Generative UI: GenUI controllata con tool frontend, Declarative GenUI con A2UI/Open-JSON-UI e generazione UI open-ended renderizzata dentro una sandbox. Rispetto a demo generiche, vale perché mette più approcci GenUI fianco a fianco in un set mantenuto.

copilotkitexamplesa2ui
di CopilotKit
Apri la risorsa
📚Risorse

CopilotKit/OpenGenerativeUI

Framework open source ufficiale di CopilotKit per Generative UI open-ended. A differenza degli esempi dichiarativi basati su component-spec, questo repo si concentra su esperienze HTML/SVG sandboxed più ricche, come grafici, diagrammi, simulazioni e scene 3D, mostrando come un agente può generare risposte visuali interattive complete dentro un runtime iframe controllato.

copilotkitsandboxhtml
di CopilotKit
Apri la risorsa
📚Risorse

thesysdev/openui

Repository GitHub ufficiale di OpenUI da Thesys. Riunisce linguaggio OpenUI, runtime e integrazione React guidata da componenti in un unico posto, diventando il companion implementativo concreto agli essay di design del team. È particolarmente utile per developer che valutano sistemi GenUI streaming-first oltre i semplici schemi JSON.

openuigithubreact
di Thesys
Apri la risorsa
📚Risorse

google/A2UI

Repository ufficiale A2UI di Google. Contiene specifica, renderer, sample e tooling per il formato agent-to-user-interface, rendendolo il riferimento implementativo più diretto per Generative UI portable e dichiarativa su cataloghi di componenti fidati.

googlea2uigithub
di Google
Apri la risorsa
📚Risorse

Flutter GenUI SDK

Libreria ufficiale del team Flutter, con licenza BSD, per integrare capacità di generative UI nelle applicazioni Flutter. Fornisce definizioni di componenti interattivi in formato JSON e meccanismi di feedback dello stato, trasformando output chat in interfacce azionabili. È un progetto sperimentale dall'ecosistema Flutter.

fluttersdkopen-source
di Flutter
Apri la risorsa
📚Risorse

OpenAI Structured Outputs Sample: Generative UI

Sample app ufficiale OpenAI che mostra un percorso pratico da structured output a Generative UI. La demo usa uno schema ricorsivo di componenti più un tool `generate_ui`, così le risposte del modello possono streammare definizioni UI affidabili invece di solo testo, mantenendo conversazioni multi-turn ed esecuzione automatica dei tool.

openaistructured-outputssample
di OpenAI
Apri la risorsa
📚Risorse

vercel-labs/json-render

Framework open source ufficiale di Vercel Labs per Generative UI. json-render lascia generare interfacce dai prompt ai modelli restando vincolati a un catalogo componenti definito dal developer, poi renderizza progressivamente la spec risultante su web, mobile e altri runtime.

vercelframeworkschema-driven
di Vercel Labs
Apri la risorsa
📚Risorse

Hashbrown - The TypeScript Framework for Generative UI

Hashbrown è un framework open source per costruire agenti browser-native e Generative UI in React e Angular. Il fit più forte per questa raccolta è il modello di controllo componenti: i developer espongono componenti UI fidati, mentre l'LLM compone viste dinamiche, le streamma nella pagina, chiama tool client-side e lavora con dati strutturati invece che solo testo.

hashbrownreactangular
di LiveLoveApp
Apri la risorsa
📚Risorse

mdocUI - Generative UI with Markdoc Tags

mdocUI è una libreria alpha di Generative UI che chiede agli LLM di scrivere Markdown normale con tag componenti inline in stile Markdoc. Il progetto è ancora presto, ma è utile perché rappresenta un approccio distinto da alberi JSON e tool call: prosa e componenti interattivi possono condividere lo stesso stream mentre il renderer gestisce validazione, placeholder, error boundary e mapping di componenti custom.

mdocuimarkdocmarkdown
di mdocUI
Apri la risorsa
📚Risorse

LangUI - UI for AI

LangUI, con licenza MIT, è una libreria open source di componenti Tailwind CSS customizzata per applicazioni GPT/generative AI. Offre componenti UI ricchi integrabili in qualunque progetto LLM-powered, come chatbot e tool di generazione contenuti, semplificando lo sviluppo GenUI.

languitailwindui-library
di Langbase
Apri la risorsa
📚Risorse

Anilturaga/Generative-UI - Imagine with Claude

Progetto dimostrativo open source "Imagine with Claude", che mostra capacità di generative UI con Claude.

claudedemoopen-source
di Anil Turaga
Apri la risorsa

Una raccolta curata di risorse Generative UI, GenUI e interfacce AI dinamiche.

Creato con ❤️ dalla community