Vercel Labs has introduced json-render, an open-source Generative UI framework that enables AI agents to render secure and interactive user interfaces using structured JSON.
Vercel Labs released `json-render`, an open-source Generative UI framework that allows AI agents such as Claude Code, Codex, and Pi to generate real-time, interactive user interfaces within sandboxed environments. By leveraging AI SDK's experimental `HarnessAgent`, the framework implements Restrictive UI Generation (RUG), prompting LLMs to output structured JSON configurations rather than raw React or Tailwind code. This approach solves reliability and security challenges like XSS vulnerabilities and layout breakages, while offering platform-agnostic rendering for React, Vue, Svelte, React Native, and state management integration with libraries like Zustand and Redux.
Constraining AI agents to structured JSON schemas rather than raw frontend code is the key to creating reliable, secure, and production-ready agentic user interfaces.
- –The Restrictive UI Generation (RUG) pattern eliminates common XSS security vectors and agentic layout breakages by separating the UI catalog from the raw data.
- –Support for multiple frameworks and platforms (React, Vue, Svelte, React Native) ensures that LLM outputs are highly portable and reusable across different tech stacks.
- –Integration with popular state management libraries allows these dynamically rendered UIs to interact seamlessly with existing application states.
DISCOVERED
2h ago
2026-06-15
PUBLISHED
2h ago
2026-06-15
RELEVANCE
AUTHOR
ctatedev
