📚

Recursos de Generative UI - Blogs, SDKs e Projetos Open Source

Encontre recursos de Generative UI: blogs técnicos, documentação, SDKs, frameworks, repositórios open-source e exemplos gratuitos com React, Next.js, Flutter, Vercel AI SDK, A2UI, AG-UI e MCP. Ferramentas open-source para criar interfaces dinâmicas sem custos.

31 itens
📚Recursos

ag-ui-protocol/ag-ui

O repositório oficial do protocolo AG-UI, posicionado como a camada de interação agente-usuário para trazer agentes para aplicações frontend. Ele é especialmente relevante porque fica um nível abaixo dos demos específicos de apps: define o transporte e o modelo de eventos que permitem a backends de agentes transmitir mensagens, atividade de ferramentas e atualizações de UI para produtos reais em vários clientes.

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

A2UI + MCP Apps: combinando UIs agentic declarativas e customizadas

Post oficial de arquitetura do Google Developers Blog sobre combinar A2UI com MCP Apps. Ele é útil porque vai além de anúncios isolados de protocolo e mostra três padrões concretos de integração: servir payloads A2UI via MCP, embutir MCP Apps dentro de componentes A2UI e executar renderers A2UI dentro de MCP Apps.

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

syntux - Build Generative UIs for the Web

Syntux é uma biblioteca React open-source focada em gerar interfaces web a partir de um valor fornecido e hints opcionais de UI. Ela usa uma JSON-DSL plana chamada React Interface Schema, suporta streaming, componentes customizados, caching e regeneração reativa, tornando-se uma boa referência para GenUI de dados-para-interface em vez de superfícies apenas de chat assistant.

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

A2UI v0.9: o novo padrão portátil e agnóstico de framework para Generative UI

Atualização oficial do Google Developers Blog sobre A2UI v0.9. O post posiciona A2UI como um padrão orientado à produção para UI declarativa gerada por agentes, adiciona o renderer oficial para React e explica como agentes podem mirar catálogos de componentes existentes na web e no mobile sem gerar código frontend arbitrário.

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

Pare de fazer AI escrever JSON - Por que criamos OpenUI

Artigo técnico oficial da OpenUI sobre por que a equipe foi além de árvores JSON para Generative UI. O texto apresenta os requisitos de runtime para interfaces interativas geradas por agentes, argumenta que JSON aninhado fica frágil em UI com estado e introduz OpenUI Lang como uma linguagem streaming-first para UI gerada por modelo.

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

Introducing Tambo 1.0

Post oficial de lançamento do Tambo para seu toolkit React de generative UI pronto para produção. O texto explica o modelo fullstack: desenvolvedores registram componentes React existentes, o agente seleciona e transmite props para eles em streaming, e o Tambo cuida de estado conversacional, orquestração e comportamento persistente de componentes interativos.

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

MCP Apps - Trazendo recursos de UI para clientes MCP

Anúncio oficial do Model Context Protocol para MCP Apps, a primeira extensão MCP pronta para produção que retorna UI interativa diretamente dentro de clientes AI. O texto explica como ferramentas declaram `_meta.ui.resourceUri`, como hosts renderizam interfaces em sandbox e por que dashboards, formulários, visualizações e fluxos de múltiplas etapas funcionam melhor que texto puro em muitas tarefas de agentes.

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

Introducing A2UI: um projeto aberto para interfaces orientadas por agentes

Anúncio oficial do Google Developers Blog sobre A2UI, um formato declarativo portátil para interfaces geradas por agentes. Ele explica como agentes remotos ou locais podem solicitar componentes de UI confiáveis a um app host em vez de emitir HTML arbitrário, tornando Generative UI mais segura, multiplataforma e atualizável de forma incremental.

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

Google Research Blog: Generative UI

Artigo do Google Research Blog, "Generative UI: A rich, custom, visual interactive user experience for any prompt". Escrito por engenheiros seniores do Google Research, ele apresenta a abordagem de implementação e os resultados experimentais de Generative UI. O artigo afirma que Generative UI permite que modelos AI criem não apenas conteúdo, mas toda a experiência do usuário, e explica que esse recurso já foi lançado experimentalmente no app Gemini e no Google Search AI Mode.

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

Google lança Gemini 3, Google Antigravity e recursos de generative UI

Análise técnica da Constellation Research sobre o lançamento do Gemini 3, destacando recursos de Generative UI: Gemini 3 pode criar componentes interativos, oferecer opções para diferentes cenários, imagens, tabelas e texto. O artigo detalha os experimentos Visual Layout e Dynamic View.

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

9to5Google: análise do lançamento do Gemini 3

Análise detalhada do 9to5Google sobre o Gemini 3, explicando recursos de Generative UI. O artigo observa que Dynamic View permite ao Gemini 3 desenhar e codar uma resposta interativa totalmente customizada para cada prompt, enquanto Visual Layout gera interfaces multimídia imersivas em estilo de revista.

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

Generative UI Project - Google

Site do projeto Generative UI da equipe do Google (generativeui.github.io), com papers de pesquisa, exemplos interativos e algum código, demonstrando sua abordagem de implementação GenUI.

googleprojectdemo
por Google · 2025-11
Ver recurso
📚Recursos

AIBase News: Google Generative UI

Cobertura da mídia chinesa de tecnologia AIBase, em novembro de 2025, reportando que Generative UI permite que AI gere interfaces dinâmicas acionáveis ao responder perguntas.

aibasenewschinese
por AIBase · 2025-11
Ver recurso
📚Recursos

Generative UI with AI: o futuro do desenvolvimento frontend web

Artigo abrangente da Pansofic explorando como Generative UI with AI está transformando o desenvolvimento frontend. Ele cobre adaptação de UI em tempo real, geração de interface por linguagem natural, experiências personalizadas e prototipagem mais rápida. O artigo inclui estudos de caso de Builder.io, Vercel AI SDK e Figma AI Assistant, além de boas práticas de implementação.

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

AI is the new UI: Generative UI com FastHTML

Tutorial aprofundado de Pol Alvarez Vecino demonstrando como criar aplicações interativas de Generative UI com FastHTML e HTMX em menos de 150 linhas de código. O artigo explora a evolução de interfaces de chat apenas em texto para GenUI apenas de exibição e depois GenUI totalmente interativa, explicando como a abordagem hypermedia elimina o "contract coupling" entre frontend e backend e permite que LLMs gerem interfaces realmente dinâmicas.

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

Generative UI: inteligente, baseada em intenção e orientada por AI

Artigo do Medium/Design Bootcamp, de Daniel Ostrovsky, explicando o potencial de Generative UI a partir de perspectivas de negócio e de usuário. O artigo argumenta que GenUI não é sobre AI criar componentes totalmente novos do zero, mas sim selecionar e organizar de modo inteligente elementos de interface existentes com base na intenção do usuário. Ele demonstra como GenUI pode melhorar eficiência e experiência com exemplos em serviços financeiros e aplicações educacionais.

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

Uma introdução a Generative UIs

Artigo da UX Collective, de Mark O'Neill, que introduz o conceito e casos práticos de Generative UI. O autor observa que o termo surgiu em 2023 e o define como tecnologia que constrói ou ajusta interfaces automaticamente com base em contexto por meio de generative AI. O artigo demonstra como elementos de UI, layouts e estilos podem variar por usuário para criar experiências personalizadas com GenUI.

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

Generative UI e design orientado a resultados

Artigo do Nielsen Norman Group que discute o impacto de Generative UI nos paradigmas de design. A autora define Generative UI como tecnologia que gera dinamicamente interfaces sob medida para usuários em tempo real via AI, argumentando que ela desloca o design de interfaces de satisfazer a maioria para satisfazer indivíduos. O artigo defende a transição do design de interface tradicional para outcome-oriented design, focando objetivos do usuário e experiências finais.

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

MCP-UI-Org/mcp-ui

O repositório oficial do MCP-UI SDK para criar e renderizar UI interativa sobre MCP. O README é especialmente relevante porque documenta o formato pós-padrão do ecossistema: `@mcp-ui/*` agora implementa o padrão MCP Apps, oferece caminhos de servidor em TypeScript, Python e Ruby, e segue como um SDK prático de host/client para equipes que estão lançando ferramentas de agentes ricas em UI.

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

Docs do CopilotKit: visão geral de Generative UI

Página oficial da documentação do CopilotKit que explica os primitivos centrais por trás de sua stack de Generative UI. Ela divide o espaço em padrões concretos de runtime, como components-as-tools, renderização de tool calls, renderização de estado, MCP Apps em sandbox e renderers de UI declarativa, tornando-se um bom mapa de escolhas de implementação em produção.

copilotkitdocspatterns
por CopilotKit
Ver recurso
📚Recursos

CopilotKit/generative-ui

Repositório oficial de exemplos do CopilotKit que demonstra três padrões concretos de Generative UI: GenUI controlada com ferramentas frontend, GenUI declarativa com A2UI/Open-JSON-UI e geração aberta de UI renderizada dentro de uma sandbox. Em comparação com demos genéricos, ele é valioso porque coloca várias abordagens de GenUI lado a lado em um conjunto de exemplos mantido.

copilotkitexamplesa2ui
por CopilotKit
Ver recurso
📚Recursos

CopilotKit/OpenGenerativeUI

Framework open-source oficial do CopilotKit para Generative UI aberta. Diferente de exemplos declarativos baseados em especificação de componentes, este repo foca experiências HTML/SVG mais ricas em sandbox, como gráficos, diagramas, simulações e cenas 3D, mostrando como um agente pode gerar respostas visuais totalmente interativas dentro de um runtime iframe controlado.

copilotkitsandboxhtml
por CopilotKit
Ver recurso
📚Recursos

thesysdev/openui

O repositório oficial do OpenUI no GitHub, da Thesys. Ele reúne a linguagem OpenUI, o runtime e a integração React orientada por componentes em um só lugar, funcionando como o complemento concreto de implementação para os ensaios de design da equipe. É especialmente útil para devs que avaliam sistemas GenUI streaming-first além de schemas JSON simples.

openuigithubreact
por Thesys
Ver recurso
📚Recursos

google/A2UI

O repositório oficial do A2UI, do Google. Ele reúne a especificação, renderers, samples e tooling para o formato agent-to-user-interface, tornando-se a referência de implementação mais direta para Generative UI portátil e declarativa sobre catálogos de componentes confiáveis.

googlea2uigithub
por Google
Ver recurso
📚Recursos

Flutter GenUI SDK

Biblioteca oficial (licença BSD) da equipe Flutter para integrar capacidades de generative UI em aplicações Flutter. Ela fornece definições de componentes interativos em formato JSON e mecanismos de feedback de estado, convertendo saídas de chat em interfaces acionáveis. Atualmente tem mais de 930 stars e é um projeto experimental do Flutter.

fluttersdkopen-source
por Flutter
Ver recurso
📚Recursos

OpenAI Structured Outputs Sample: Generative UI

App de exemplo oficial da OpenAI que mostra um caminho prático de structured outputs para Generative UI. O demo usa um schema recursivo de componentes mais uma ferramenta `generate_ui` para que respostas do modelo possam transmitir definições confiáveis de UI em streaming em vez de apenas texto, mantendo conversas multi-turno e execução automática de ferramentas.

openaistructured-outputssample
por OpenAI
Ver recurso
📚Recursos

vercel-labs/json-render

Framework open-source oficial da Vercel Labs para Generative UI. json-render permite que modelos gerem interfaces a partir de prompts, ficando limitados a um catálogo de componentes definido pelo developer, e então renderiza progressivamente a spec resultante em web, mobile e outros runtimes.

vercelframeworkschema-driven
por Vercel Labs
Ver recurso
📚Recursos

Hashbrown - The TypeScript Framework for Generative UI

Hashbrown é um framework open-source para criar agentes browser-native e Generative UI em React e Angular. Seu melhor encaixe nesta coleção é o modelo de controle por componentes: desenvolvedores expõem componentes de UI confiáveis, enquanto o LLM compõe views dinâmicas, transmite-as para a página, chama ferramentas client-side e trabalha com dados estruturados em vez de apenas texto.

hashbrownreactangular
por LiveLoveApp
Ver recurso
📚Recursos

mdocUI - Generative UI com tags Markdoc

mdocUI é uma biblioteca alpha de Generative UI que pede a LLMs para escrever Markdown normal com tags de componentes em estilo Markdoc inline. O projeto ainda é inicial, mas é útil porque representa uma abordagem distinta de árvores JSON e tool calls: prosa e componentes interativos podem compartilhar o mesmo stream enquanto o renderer cuida de validação, placeholders, error boundaries e mapeamento de componentes customizados.

mdocuimarkdocmarkdown
por mdocUI
Ver recurso
📚Recursos

LangUI - UI for AI

LangUI (licença MIT) é uma biblioteca open-source de componentes Tailwind CSS customizada para aplicações GPT/generative AI. Ela fornece componentes ricos de UI que podem integrar qualquer projeto movido por LLM, como chatbots e ferramentas de geração de conteúdo, simplificando o desenvolvimento GenUI.

languitailwindui-library
por Langbase
Ver recurso
📚Recursos

Anilturaga/Generative-UI - Imagine with Claude

Projeto de demonstração open-source "Imagine with Claude", mostrando capacidades de generative UI com Claude.

claudedemoopen-source
por Anil Turaga
Ver recurso

Uma lista curada de recursos de Generative UI.

Feito com ❤️ pela comunidade