Harness4GenUI 2026: Engineering Foundations for Generative UI
Workshop resmi ASE 2026 yang membahas fondasi software engineering untuk Generative UI. Harness4GenUI memandang interface dinamis sebagai runtime system dan menyusun pembahasan seputar context model yang stabil, UI schema, rendering contract, testing, observability, safety, dan governance, bukan hanya kualitas hasil generasi.
AppLess: A Generative UI Phone with No Apps
Eksperimen open-source React Native dari tim OpenUI, tempat setiap mobile screen dibuat sesuai permintaan lalu di-stream ke component native Cupertino atau Material 3. AppLess memakai component contract bersama, DSL openui-lang yang ringkas, speculative screen prefetching, serta tool web dan image opsional untuk mengeksplorasi pengalaman sistem operasi Generative UI tanpa app.
OpenTiny GenUI SDK
Toolkit full-stack open-source untuk menambahkan Generative UI berbasis schema ke aplikasi Vue dan Angular. OpenTiny menggabungkan stream extraction, delta patching, perbaikan JSON, material component dan action yang dapat dikustomisasi, akses model kompatibel OpenAI, tool MCP, serta dukungan A2A dengan playground multi-framework live.
AGenUI/AGenUI
Renderer native A2UI open-source untuk membangun Generative UI streaming di iOS, Android, dan HarmonyOS. AGenUI memakai core parsing dan diffing C++ bersama dengan rendering engine native per platform, mendukung component catalog A2UI v0.9, custom component, design token, function call, dan studio generasi lokal.
Build a Generative UI (GenUI) App
Google Codelab resmi untuk membuat app task list dengan Flutter, Firebase AI Logic, dan package GenUI. Tutorial ini mengembangkan text chat menjadi generated surface, memperkenalkan transport A2UI dan widget catalog, lalu ditutup dengan custom component interaktif yang dipakai bersama oleh pengguna dan agent.
PrefectHQ/prefab
Framework Generative UI Python-first dari Prefect untuk mendefinisikan component tree deklaratif yang diserialisasi ke JSON dan di-render melalui React client bawaan. Prefab mendukung streaming update, reactive state, custom component, dashboard, dan MCP Apps tanpa mengharuskan pembuat aplikasi menulis kode frontend.
Build generative UI for AI agents on Amazon Bedrock AgentCore with the AG-UI protocol
Panduan resmi AWS Machine Learning Blog untuk men-deploy frontend agent AG-UI di Amazon Bedrock AgentCore. Artikel ini menampilkan pola FAST untuk Strands Agents dan LangGraph, lalu menambahkan CopilotKit untuk inline generative UI, shared state, dan alur human-in-the-loop dengan Cognito, Lambda, Amplify, serta AgentCore Runtime.
Add MCP Apps to your AI SDK application
Panduan Vercel Knowledge Base untuk membuat host MCP Apps dengan AI SDK. Artikel ini menunjukkan cara `@ai-sdk/mcp` dan `@ai-sdk/react` memisahkan tool yang terlihat model dari tool khusus app, membaca resource `ui://`, dan me-render tool UI interaktif di dalam sandboxed iframe dengan `experimental_MCPAppRenderer`.
ag-ui-protocol/ag-ui
Repository resmi protocol AG-UI, yang diposisikan sebagai lapisan interaksi agent-user untuk membawa agent ke aplikasi frontend. Repository ini mendefinisikan transport dan event model yang memungkinkan backend agent melakukan streaming message, aktivitas tool, dan UI update ke produk nyata di berbagai client.
A2UI + MCP Apps: Combining Declarative and Custom Agentic UIs
Artikel arsitektur resmi Google Developers Blog tentang menggabungkan A2UI dengan MCP Apps. Artikel ini menunjukkan tiga pola integrasi konkret: menyajikan payload A2UI melalui MCP, menyematkan MCP Apps di dalam component A2UI, dan menjalankan renderer A2UI di dalam MCP Apps.
syntux - Build Generative UIs for the Web
Syntux adalah React library open-source yang berfokus membuat web interface dari suatu value dan UI hint opsional. Library ini memakai JSON-DSL datar bernama React Interface Schema, mendukung streaming, custom component, caching, dan reactive regeneration, sehingga berguna sebagai referensi GenUI data-to-interface, bukan hanya surface chat assistant.
AG-UI Integration with Agent Framework
Dokumentasi Microsoft Learn untuk menghubungkan Agent Framework agent dengan frontend AG-UI. Panduan ini memperlihatkan posisi AG-UI dalam app agent production, termasuk agentic generative UI, tool-based UI, dan event bridge antara backend agent runtime dan React client.
A2UI v0.9: The New Standard for Portable, Framework-Agnostic Generative UI
Update resmi Google Developers Blog tentang A2UI v0.9. Artikel ini memosisikan A2UI sebagai standar production-oriented untuk UI deklaratif yang dihasilkan agent, menambahkan renderer React resmi, dan menjelaskan cara agent menargetkan component catalog yang sudah ada di web dan mobile tanpa menghasilkan kode frontend sembarang.
Stop making AI write JSON - Why we built OpenUI
Tulisan engineering resmi OpenUI tentang alasan tim bergerak melampaui JSON tree untuk Generative UI. Artikel ini menguraikan kebutuhan runtime bagi interface interaktif buatan agent, menjelaskan mengapa nested JSON rapuh untuk UI stateful, dan memperkenalkan OpenUI Lang sebagai bahasa streaming-first untuk UI yang dihasilkan model.
Introducing Tambo 1.0
Artikel peluncuran resmi Tambo untuk toolkit generative UI React yang production-ready. Artikel ini menjelaskan model full-stack: developer mendaftarkan component React yang sudah ada, agent memilih dan melakukan streaming props ke component tersebut, sementara Tambo menangani conversation state, orchestration, dan perilaku component interaktif yang persisten.
MCP Apps - Bringing UI Capabilities To MCP Clients
Pengumuman resmi Model Context Protocol tentang MCP Apps, extension MCP production-ready pertama untuk mengembalikan UI interaktif langsung di dalam AI client. Artikel ini menjelaskan deklarasi `_meta.ui.resourceUri`, rendering interface dalam sandbox oleh host, serta alasan dashboard, form, visualisasi, dan workflow bertahap lebih cocok daripada teks saja untuk banyak tugas agent.
Introducing A2UI: An open project for agent-driven interfaces
Pengumuman resmi Google Developers Blog tentang A2UI, format deklaratif portabel untuk interface yang dihasilkan agent. Artikel ini menjelaskan cara agent remote atau lokal meminta trusted UI component dari host app alih-alih mengirim HTML sembarang, sehingga Generative UI lebih aman, cross-platform, dan dapat diperbarui secara bertahap.
Google Research Blog: Generative UI
Artikel Google Research Blog berjudul "Generative UI: A rich, custom, visual interactive user experience for any prompt". Ditulis oleh senior engineer Google Research, artikel ini memperkenalkan pendekatan implementasi dan hasil eksperimen Generative UI. Generative UI dijelaskan sebagai kemampuan baru yang memungkinkan model AI membuat bukan hanya konten, tetapi seluruh user experience; fitur ini telah diuji secara eksperimental di Gemini app dan Google Search AI Mode.
Google launches Gemini 3, Google Antigravity, generative UI features
Artikel analisis teknis Constellation Research tentang peluncuran Gemini 3 dengan penekanan pada fitur Generative UI. Gemini 3 dapat membuat component interaktif, menyediakan berbagai opsi scenario, image, table, dan teks. Artikel ini juga merinci eksperimen Visual Layout dan Dynamic View.
9to5Google: Gemini 3 Launch Analysis
Analisis mendalam 9to5Google tentang Gemini 3 yang menjelaskan fitur Generative UI. Artikel ini mencatat bahwa Dynamic View memungkinkan Gemini 3 mendesain dan menulis kode untuk respons interaktif yang sepenuhnya custom pada setiap prompt, sementara Visual Layout menghasilkan interface multimedia imersif bergaya majalah.
Generative UI Project - Google
Situs Generative UI milik tim Google, generativeui.github.io, yang berisi research paper, contoh interaktif, dan sebagian kode untuk mendemonstrasikan pendekatan implementasi GenUI mereka.
AIBase News: Google Generative UI
Liputan media teknologi Tiongkok AIBase pada November 2025 yang melaporkan bahwa Generative UI memungkinkan AI menghasilkan interface dinamis yang dapat ditindaklanjuti saat menjawab pertanyaan.
Generative UI with AI: The Future of Frontend Web Development
Artikel lengkap dari Pansofic tentang cara Generative UI dengan AI mengubah frontend development. Pembahasannya mencakup adaptasi UI real-time, generasi interface dari natural language, pengalaman personal, dan prototyping lebih cepat. Artikel ini menyertakan studi kasus Builder.io, Vercel AI SDK, dan Figma AI Assistant serta praktik terbaik implementasi.
AI is the new UI: Generative UI with FastHTML
Tutorial mendalam oleh Pol Alvarez Vecino untuk membuat aplikasi Generative UI interaktif dengan FastHTML dan HTMX dalam kurang dari 150 baris kode. Artikel ini membahas evolusi dari text-only chat ke display-only GenUI lalu fully interactive GenUI, serta menjelaskan bagaimana pendekatan hypermedia menghapus contract coupling antara frontend dan backend sehingga LLM dapat menghasilkan interface yang benar-benar dinamis.
Generative UI: Smart, intent-based, and AI-driven
Artikel Medium/Design Bootcamp oleh Daniel Ostrovsky yang menjelaskan potensi Generative UI dari perspektif bisnis dan pengguna. Artikel ini berargumen bahwa GenUI bukan tentang AI membuat component sepenuhnya baru dari nol, melainkan memilih dan menyusun elemen interface yang sudah ada secara cerdas berdasarkan intent pengguna. Contoh layanan keuangan dan aplikasi pendidikan menunjukkan peningkatan efisiensi serta pengalaman.
An introduction to Generative UIs
Artikel UX Collective oleh Mark O'Neill yang memperkenalkan konsep dan contoh praktis Generative UI. Penulis mencatat bahwa istilah ini muncul pada 2023 dan mendefinisikannya sebagai teknologi yang otomatis membuat atau menyesuaikan interface berdasarkan context melalui generative AI. Artikel ini menunjukkan bagaimana elemen UI, layout, dan style dapat berbeda untuk setiap pengguna demi pengalaman GenUI yang personal.
Generative UI and Outcome-Oriented Design
Artikel Nielsen Norman Group yang membahas dampak Generative UI pada paradigma desain. Penulis mendefinisikan Generative UI sebagai teknologi yang secara dinamis menghasilkan interface khusus bagi pengguna secara real-time melalui AI, lalu berargumen bahwa desain akan bergeser dari memuaskan mayoritas menjadi memenuhi kebutuhan tiap individu. Artikel ini mendorong peralihan menuju outcome-oriented design yang berfokus pada tujuan pengguna dan pengalaman akhir.
MCP-UI-Org/mcp-ui
Repository resmi MCP-UI SDK untuk membuat dan me-render UI interaktif melalui MCP. README-nya mendokumentasikan bentuk ekosistem setelah standardisasi: `@mcp-ui/*` kini mengimplementasikan standar MCP Apps, mendukung jalur server TypeScript, Python, dan Ruby, serta tetap menjadi host/client SDK praktis bagi tim yang membangun tool agent dengan UI kaya.
CopilotKit Docs: Generative UI Overview
Halaman dokumentasi resmi CopilotKit yang menjelaskan primitive utama dalam stack Generative UI-nya. Ruang ini dipecah menjadi pola runtime konkret seperti components-as-tools, tool-call rendering, state rendering, MCP Apps dalam sandbox, dan renderer UI deklaratif, sehingga berguna sebagai peta pilihan implementasi production.
CopilotKit/generative-ui
Repository contoh resmi CopilotKit yang mendemonstrasikan tiga pola Generative UI: controlled GenUI dengan frontend tool, declarative GenUI dengan A2UI/Open-JSON-UI, dan open-ended UI generation yang di-render dalam sandbox. Nilainya terletak pada perbandingan beberapa pendekatan GenUI secara berdampingan dalam satu kumpulan contoh yang terawat.
CopilotKit/OpenGenerativeUI
Framework open-source resmi CopilotKit untuk open-ended Generative UI. Berbeda dari contoh declarative component spec, repository ini berfokus pada pengalaman HTML/SVG kaya dalam sandbox, seperti chart, diagram, simulation, dan 3D scene, serta menunjukkan cara agent menghasilkan respons visual interaktif lengkap dalam runtime iframe yang terkendali.
thesysdev/openui
Repository GitHub resmi OpenUI dari Thesys. Repository ini mengemas bahasa OpenUI, runtime, dan integrasi React berbasis component dalam satu tempat sebagai implementasi nyata pendamping tulisan desain timnya. Sumber ini sangat berguna bagi developer yang mengevaluasi sistem GenUI streaming-first di luar JSON schema biasa.
google/A2UI
Repository resmi A2UI dari Google. Repository ini mengemas specification, renderer, sample, dan tooling untuk format agent-to-user-interface, sehingga menjadi referensi implementasi paling langsung bagi Generative UI deklaratif dan portabel di berbagai trusted component catalog.
Flutter GenUI SDK
Library resmi berlisensi BSD dari tim Flutter untuk mengintegrasikan kemampuan Generative UI ke aplikasi Flutter. Library ini menyediakan definisi component interaktif berformat JSON dan mekanisme state feedback, yang mengubah output chat menjadi interface yang dapat ditindaklanjuti. Proyek eksperimental Flutter ini memiliki lebih dari 930 star.
OpenAI Structured Outputs Sample: Generative UI
Sample app resmi OpenAI yang menunjukkan jalur structured output praktis menuju Generative UI. Demo ini memakai recursive component schema dan tool `generate_ui` agar respons model dapat melakukan streaming definisi UI yang andal, bukan hanya teks, sambil tetap mendukung percakapan multi-turn dan eksekusi tool otomatis.
vercel-labs/json-render
Framework Generative UI open-source resmi dari Vercel Labs. json-render memungkinkan model membuat interface dari prompt dengan tetap dibatasi oleh component catalog yang ditentukan developer, lalu me-render spec secara progresif di web, mobile, dan runtime lainnya.
Hashbrown - The TypeScript Framework for Generative UI
Hashbrown adalah framework open-source untuk membuat browser-native agent dan Generative UI dengan React serta Angular. Model kontrol component-nya memungkinkan developer mengekspos trusted UI component, sementara LLM menyusun view dinamis, melakukan streaming ke halaman, memanggil client-side tool, dan bekerja dengan structured data, bukan hanya teks.
mdocUI - Generative UI with Markdoc Tags
mdocUI adalah library Generative UI tahap alpha yang meminta LLM menulis Markdown biasa dengan tag component bergaya Markdoc inline. Proyek ini masih awal, tetapi menawarkan pendekatan berbeda dari JSON tree dan tool call: prosa serta component interaktif dapat berbagi stream yang sama, sementara renderer menangani validasi, placeholder, error boundary, dan custom component mapping.
LangUI - UI for AI
LangUI, dengan lisensi MIT, adalah component library Tailwind CSS open-source yang dibuat khusus untuk aplikasi GPT/generative AI. Library ini menyediakan UI component kaya yang dapat diintegrasikan ke proyek berbasis LLM seperti chatbot dan tool content generation, sehingga development GenUI lebih sederhana.
Anilturaga/Generative-UI - Imagine with Claude
Proyek demonstrasi open-source "Imagine with Claude" yang menampilkan kemampuan generative UI menggunakan Claude.