📚

Recursos de GenUI - Herramientas, SDKs y proyectos open source

Encuentra recursos de GenUI: blogs técnicos, SDKs, documentación, proyectos open source y ejemplos de interfaz generativa para frontend, React, agentes e interfaces impulsadas por IA.

40 elementos
📚Recursos

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
por ASE 2026 · 2026-10
Ver recurso
📚Recursos

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
por Thesys · 2026-07
Ver recurso
📚Recursos

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
por OpenTiny · 2026-07
Ver recurso
📚Recursos

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
por AGenUI Contributors · 2026-07
Ver recurso
📚Recursos

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
por Andrew Brogdon (Google) · 2026-07
Ver recurso
📚Recursos

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
por Prefect · 2026-06
Ver recurso
📚Recursos

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

Guía oficial del AWS Machine Learning Blog para desplegar frontends de agentes AG-UI en Amazon Bedrock AgentCore. Muestra patrones FAST para Strands Agents y LangGraph, y después añade CopilotKit para generative UI inline, estado compartido y flujos human-in-the-loop con Cognito, Lambda, Amplify y AgentCore Runtime.

awsbedrock-agentcoreag-ui
por AWS · 2026-06
Ver recurso
📚Recursos

Add MCP Apps to your AI SDK application

Guia de Vercel Knowledge Base para construir un host MCP Apps con AI SDK. Muestra como `@ai-sdk/mcp` y `@ai-sdk/react` separan herramientas visibles para el modelo de herramientas solo para la app, leen recursos `ui://` y renderizan UIs interactivas en un iframe sandbox con `experimental_MCPAppRenderer`.

vercelai-sdkmcp-apps
por Vercel · 2026-06
Ver recurso
📚Recursos

ag-ui-protocol/ag-ui

Repositorio oficial del protocolo AG-UI, presentado como la capa de interacción agente-usuario para llevar agentes a aplicaciones frontend. Es especialmente relevante porque se sitúa por debajo de demos concretas: define el transporte y el modelo de eventos que permite a backends agentic transmitir mensajes, actividad de herramientas y actualizaciones de UI hacia productos reales en distintos clientes.

protocolagent-uiopen-source
por AG-UI Contributors · 2026-06
Ver recurso
📚Recursos

A2UI + MCP Apps: combinando UI agentic declarativa y personalizada

Post oficial de arquitectura de Google Developers Blog sobre cómo combinar A2UI con MCP Apps. Aporta valor porque va más allá de los anuncios de protocolo y muestra tres patrones concretos: servir payloads A2UI sobre MCP, embeber MCP Apps dentro de componentes A2UI y ejecutar renderers A2UI dentro de MCP Apps.

googlea2uimcp-apps
por Google A2UI Team · 2026-06
Ver recurso
📚Recursos

syntux - Crea Generative UI para la web

Syntux es una biblioteca React open source enfocada en generar interfaces web a partir de un valor de entrada y pistas opcionales de UI. Usa un JSON-DSL plano llamado React Interface Schema, soporta streaming, componentes personalizados, caché y regeneración reactiva, por lo que es una buena referencia para GenUI de datos a interfaz y no solo para superficies de chat.

syntuxreactjson-dsl
por Puffinsoft · 2026-05
Ver recurso
📚Recursos

Integracion AG-UI con Agent Framework

Documentacion de Microsoft Learn para conectar agentes de Agent Framework con frontends AG-UI. Muestra como Microsoft ubica AG-UI dentro de aplicaciones agentic en produccion, incluyendo UI generativa agentic, UI basada en herramientas y el puente de eventos entre el runtime backend del agente y clientes React.

microsoftagent-frameworkag-ui
por Microsoft Learn · 2026-04
Ver recurso
📚Recursos

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

Actualización oficial del Google Developers Blog sobre A2UI v0.9. El post posiciona A2UI como un estándar orientado a producción para UI declarativa generada por agentes, añade el renderer oficial de React y explica cómo los agentes pueden apuntar a catálogos de componentes existentes en web y mobile sin generar código frontend arbitrario.

googlea2uistandard
por Google A2UI Team · 2026-04
Ver recurso
📚Recursos

Stop making AI write JSON - Why we built OpenUI

Artículo técnico oficial de OpenUI sobre por qué el equipo fue más allá de árboles JSON para Generative UI. Expone los requisitos runtime de interfaces interactivas generadas por agentes, argumenta que el JSON anidado se vuelve frágil para UI con estado e introduce OpenUI Lang como lenguaje orientado a streaming para UI generada por modelos.

openuiframeworkstreaming
por Thesys Engineering Team · 2026-04
Ver recurso
📚Recursos

Introducing Tambo 1.0

Post oficial de lanzamiento de Tambo como toolkit React de Generative UI listo para producción. Explica el modelo fullstack: los desarrolladores registran componentes React existentes, el agente selecciona y transmite props hacia ellos, y Tambo gestiona estado conversacional, orquestación y comportamiento persistente de componentes interactivos.

tamboreactsdk
por Michael Milstead · 2026-02
Ver recurso
📚Recursos

MCP Apps - Bringing UI Capabilities To MCP Clients

Anuncio oficial de Model Context Protocol sobre MCP Apps, la primera extensión MCP lista para producción que devuelve UI interactiva directamente dentro de clientes AI. Explica cómo las herramientas declaran `_meta.ui.resourceUri`, cómo los hosts renderizan interfaces en sandbox y por qué dashboards, formularios, visualizaciones y workflows multi-paso funcionan mejor que texto puro en muchas tareas de agente.

mcpmcp-appsprotocol
por MCP Core Maintainers · 2026-01
Ver recurso
📚Recursos

Introducing A2UI: An open project for agent-driven interfaces

Anuncio oficial de Google Developers Blog para A2UI, un formato declarativo portable para interfaces generadas por agentes. Explica cómo agentes remotos o locales pueden solicitar componentes de UI confiables a una app host en vez de emitir HTML arbitrario, haciendo Generative UI más segura, cross-platform e incrementalmente actualizable.

googlea2uiprotocol
por Google A2UI Team · 2025-12
Ver recurso
📚Recursos

Google Research Blog: Generative UI

Artículo de Google Research, "Generative UI: A rich, custom, visual interactive user experience for any prompt". Escrito por ingenieros senior de Google Research, presenta el enfoque de implementación y los resultados experimentales de Generative UI, y explica que esta capacidad permite a modelos AI crear no solo contenido, sino toda la experiencia de usuario.

googleblogofficial
por Google Research · 2025-11
Ver recurso
📚Recursos

Google launches Gemini 3, Google Antigravity, generative UI features

Análisis técnico de Constellation Research sobre el lanzamiento de Gemini 3, con énfasis en funciones de Generative UI. El artículo explica que Gemini 3 puede crear componentes interactivos, opciones por escenario, imágenes, tablas y texto, y detalla los experimentos Visual Layout y Dynamic View.

constellationanalysisgemini-3
por Larry Dignan · 2025-11
Ver recurso
📚Recursos

9to5Google: Gemini 3 Launch Analysis

Análisis detallado de 9to5Google sobre Gemini 3 y sus funciones de Generative UI. El artículo señala que Dynamic View permite a Gemini 3 diseñar y codificar una respuesta interactiva totalmente personalizada para cada prompt, mientras Visual Layout genera interfaces multimedia inmersivas con estilo de revista.

9to5googlegemini-3analysis
por 9to5Google · 2025-11
Ver recurso
📚Recursos

Generative UI Project - Google

Sitio del proyecto Generative UI del equipo de Google, generativeui.github.io, con papers de investigación, ejemplos interactivos y parte del código que demuestra su enfoque de implementación GenUI.

googleprojectdemo
por Google · 2025-11
Ver recurso
📚Recursos

AIBase News: Google Generative UI

Cobertura del medio tecnológico chino AIBase publicada en noviembre de 2025, que explica cómo Generative UI permite a la AI generar interfaces dinámicas accionables al responder preguntas. Aporta una lectura útil sobre la recepción del concepto fuera del ecosistema anglófono.

aibasenewschinese
por AIBase · 2025-11
Ver recurso
📚Recursos

Generative UI with AI: The Future of Frontend Web Development

Artículo amplio de Pansofic sobre cómo Generative UI with AI está transformando el desarrollo frontend. Cubre adaptación de UI en tiempo real, generación de interfaz desde lenguaje natural, experiencias personalizadas y prototipado más rápido, con casos como Builder.io, Vercel AI SDK y Figma AI Assistant.

pansoficfrontendweb-development
por Pansofic · 2025-07
Ver recurso
📚Recursos

AI is the new UI: Generative UI with FastHTML

Tutorial detallado de Pol Alvarez Vecino sobre cómo construir aplicaciones interactivas de Generative UI con FastHTML y HTMX en menos de 150 líneas de código. Explica la evolución desde chats solo texto hacia GenUI de visualización y GenUI plenamente interactiva, y muestra cómo el enfoque hypermedia reduce el acoplamiento de contrato entre frontend y backend.

mediumfasthtmlhtmx
por Pol Alvarez Vecino · 2025-04
Ver recurso
📚Recursos

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

Artículo de Medium/Design Bootcamp de Daniel Ostrovsky sobre el potencial de Generative UI desde la perspectiva de negocio y usuario. Defiende que GenUI no consiste en que AI cree componentes totalmente nuevos desde cero, sino en seleccionar y organizar inteligentemente elementos existentes según la intención del usuario.

mediumdesignintent-based
por Daniel Ostrovsky · 2025-02
Ver recurso
📚Recursos

An introduction to Generative UIs

Artículo de UX Collective de Mark O'Neill que introduce el concepto y casos prácticos de Generative UI. Explica que el término surgió en 2023 y lo define como tecnología que construye o ajusta interfaces automáticamente según contexto mediante generative AI, mostrando cómo elementos, layouts y estilos pueden variar por usuario.

uxdesignintroductionarticle
por Mark O'Neill · 2024-08
Ver recurso
📚Recursos

Generative UI and Outcome-Oriented Design

Artículo de Nielsen Norman Group sobre el impacto de Generative UI en los paradigmas de diseño. Define Generative UI como tecnología que genera dinámicamente interfaces personalizadas en tiempo real mediante AI y plantea un cambio desde diseñar para la mayoría hacia diseñar para individuos mediante outcome-oriented design.

nngroupuxdesign
por Nielsen Norman Group · 2024-03
Ver recurso
📚Recursos

MCP-UI-Org/mcp-ui

Repositorio oficial del MCP-UI SDK para construir y renderizar UI interactiva sobre MCP. Su README es especialmente útil porque documenta la forma posterior al estándar: `@mcp-ui/*` implementa el estándar MCP Apps, soporta rutas de servidor TypeScript, Python y Ruby, y sigue siendo un SDK práctico para equipos que entregan herramientas de agente con interfaces ricas.

mcpmcp-appssdk
por The MCP-UI Authors
Ver recurso
📚Recursos

CopilotKit Docs: Generative UI Overview

Página oficial de documentación de CopilotKit que explica los primitives centrales de su stack Generative UI. Divide el espacio en patrones runtime concretos como components-as-tools, renderizado de tool calls, renderizado de estado, MCP Apps en sandbox y renderers declarativos de UI, por lo que funciona como mapa práctico de decisiones de implementación.

copilotkitdocspatterns
por CopilotKit
Ver recurso
📚Recursos

CopilotKit/generative-ui

Repositorio oficial de ejemplos de CopilotKit que demuestra tres patrones concretos de Generative UI: GenUI controlada con herramientas frontend, GenUI declarativa con A2UI/Open-JSON-UI y generación abierta de UI renderizada en sandbox. Es valioso porque coloca varios enfoques GenUI lado a lado en un conjunto de ejemplos mantenido.

copilotkitexamplesa2ui
por CopilotKit
Ver recurso
📚Recursos

CopilotKit/OpenGenerativeUI

Framework open source oficial de CopilotKit para Generative UI abierta. A diferencia de ejemplos declarativos con component-spec, este repo se centra en experiencias HTML/SVG más ricas dentro de sandbox, como gráficos, diagramas, simulaciones y escenas 3D, mostrando cómo un agente puede generar respuestas visuales interactivas completas en un runtime iframe controlado.

copilotkitsandboxhtml
por CopilotKit
Ver recurso
📚Recursos

thesysdev/openui

Repositorio oficial de OpenUI de Thesys. Agrupa el lenguaje OpenUI, el runtime y la integración React basada en componentes, por lo que funciona como acompañante de implementación de los ensayos de diseño del equipo. Es especialmente útil para desarrolladores que evalúan sistemas GenUI streaming-first más allá de esquemas JSON planos.

openuigithubreact
por Thesys
Ver recurso
📚Recursos

google/A2UI

Repositorio oficial de A2UI de Google. Reúne la especificación, renderers, samples y tooling para el formato agent-to-user-interface, convirtiéndose en la referencia directa de implementación para Generative UI portable y declarativa sobre catálogos de componentes confiables.

googlea2uigithub
por Google
Ver recurso
📚Recursos

Flutter GenUI SDK

Biblioteca oficial del equipo Flutter, con licencia BSD, para integrar capacidades de generative UI en aplicaciones Flutter. Proporciona definiciones de componentes interactivos en formato JSON y mecanismos de feedback de estado, convirtiendo salidas de chat en interfaces accionables. Es un proyecto experimental de Flutter con fuerte señal de comunidad.

fluttersdkopen-source
por Flutter
Ver recurso
📚Recursos

OpenAI Structured Outputs Sample: Generative UI

Aplicación de ejemplo oficial de OpenAI que muestra una ruta práctica hacia Generative UI mediante structured outputs. La demo usa un schema recursivo de componentes y una herramienta `generate_ui` para que las respuestas del modelo transmitan definiciones de UI fiables en vez de solo texto, manteniendo conversaciones multi-turn y ejecución automática de herramientas.

openaistructured-outputssample
por OpenAI
Ver recurso
📚Recursos

vercel-labs/json-render

Framework open source oficial de Vercel Labs para Generative UI. json-render permite que los modelos generen interfaces desde prompts, pero limitados a un catálogo de componentes definido por el desarrollador, y luego renderiza progresivamente la spec resultante en web, mobile y otros runtimes.

vercelframeworkschema-driven
por Vercel Labs
Ver recurso
📚Recursos

Hashbrown - Framework TypeScript para Generative UI

Hashbrown es un framework open source para crear agentes nativos del navegador y Generative UI en React y Angular. Su mayor valor para esta colección está en el modelo de control por componentes: los desarrolladores exponen componentes de UI confiables, mientras el LLM compone vistas dinámicas, las transmite en streaming, llama herramientas del cliente y trabaja con datos estructurados en lugar de solo texto.

hashbrownreactangular
por LiveLoveApp
Ver recurso
📚Recursos

mdocUI - Generative UI con etiquetas Markdoc

mdocUI es una biblioteca Generative UI en fase alpha que hace que los LLM escriban Markdown normal con etiquetas de componentes estilo Markdoc en línea. Todavía es temprana, pero representa una ruta distinta a los árboles JSON y tool calls: el texto y los componentes interactivos comparten el mismo stream, mientras el renderer gestiona validación, placeholders, límites de error y mapeo de componentes personalizados.

mdocuimarkdocmarkdown
por mdocUI
Ver recurso
📚Recursos

LangUI - UI for AI

LangUI, con licencia MIT, es una biblioteca open source de componentes Tailwind CSS adaptada a aplicaciones GPT y generative AI. Ofrece componentes ricos que pueden integrarse en proyectos impulsados por LLM, como chatbots, herramientas de generación de contenido y asistentes, simplificando el desarrollo de GenUI.

languitailwindui-library
por Langbase
Ver recurso
📚Recursos

Anilturaga/Generative-UI - Imagine with Claude

Proyecto demo open source "Imagine with Claude", que muestra capacidades de generative UI con Claude. Es una referencia compacta para comparar cómo un LLM distinto puede generar experiencias visuales e interactivas.

claudedemoopen-source
por Anil Turaga
Ver recurso

Una colección curada de recursos de Generative UI y GenUI.

Hecho con ❤️ por la comunidad