FeatureJune 16, 2026
JSON Render — Generative UI
How we integrated json-render for AI-generated interfaces in Agentbot.
What is JSON Render?
json-render is a framework for Generative UI — AI-generated interfaces that are safe, predictable, and render natively. You describe a UI in plain English, and AI generates a JSON spec that renders as real React components.
How It Works
- Describe what you want: "Dashboard with 4 metric cards"
- AI generates a JSON spec with components and props
- The spec renders as real React components
- Edit the JSON or ask AI to iterate
Agentbot Integration
- Playground at
/json-render-playground - AI generation via OpenRouter
- Custom components: Metric, StatusBadge, CodeBlock
- Real-time preview as JSON changes