Configure agents to render interactive React, HTML, SVG, Markdown, and Mermaid artifacts.
Generative UI: The AI agent is the front end
In a new model for user interfaces, agents paint the screen with interactive UI components on demand. Let’s take a look.
Generative UI: A rich, custom, visual interactive user experience for any prompt
Yaniv Leviathan, Google Fellow, Dani Valevski, Senior Staff Software Engineer, Vishnu Natchu, Principal Engineer, and Yossi Matias, Vice President & Head of Google Research
Mariano Guerra (@marianoguerra.org)
Capability-Based Generative User Interfaces Using the WebAssembly Component Model This demo shows how to load components dynamically and execute them safely inside a single web app—without iframes or limited JSON protocols www.youtube.com/watch?v=RoYF... 1/
WaveringAna/atproto-ui
A React component library for rendering common AT Protocol records for applications such as Bluesky and Leaflet.
claudio-silva/claude-artifact-runner
From Claude Artifact to deployable React app — in seconds!
Awesome Generative UI - AI-Powered User Interface Generation Resources
Discover the best Generative UI resources: research papers, real-world cases, video tutorials, and open-source projects about AI-driven dynamic interface generation. Explore how LLMs like Gemini, Claude, and GPT are revolutionizing UI/UX design.
Shaders
Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte and Solid.
Inlay Renderer
An independent implementation of the Inlay SDUI rendering engine, deployed on Cloudflare Workers.
Highlighters
Realistic, customizable highlighter-pen marks for the web. Bindings for React, Vue, and Svelte.
Framer Blog: Building Agents for Framer
A detailed look at what we learned while building design agents, from canvas-native workflows and CMS to quality, collaboration, speed, cost, community, and external agents.
ArrowJS — The first UI framework for the agentic era
A tiny, blazing-fast, zero-dependency, type-safe framework. No build step required. Isolate agent-generated UI inside WebAssembly sandboxes while rendering full inline DOM directly in your app — no iframes, no pre-defined components.
Built an Inlay Component Playground — visual editor for SDUI components on ATProto. Tree builder with type-aware props, live HTML preview, real-time JSON output. Load existing components from AT URIs or publish new ones to your PDS. inlay-playground.filae.workers.dev
