json-render

json-render is a Generative UI framework developed by Vercel Labs that enables AI to generate dynamic, personalized user interfaces from natural language prompts. It constrains AI output to a predefined catalog of components and actions, ensuring safe, predictable, and schema-matched JSON output. Key capabilities include: - Cross-Platform Rendering: Supports React, Vue, Svelte, SolidJS, React Native, and terminal UIs (Ink) from the same component catalog. - Multi-Target Output: Beyond web and mobile UIs, it can generate full Next.js or TanStack Start apps, videos (Remotion), PDF documents, HTML emails, images (SVG/PNG), and 3D scenes (React Three Fiber). - Streaming: Progressively streams and renders UI specs as the AI model responds using SpecStream utilities. - Dynamic Props & State: Supports conditional visibility, dynamic prop expressions, state watchers, and built-in actions like setState. Includes adapters for Redux, Zustand, Jotai, and XState. - Batteries Included: Provides 36 pre-built shadcn/ui components and standard mobile components. - DevTools: Offers a drop-in inspector panel with spec tree, state editor, action log, and catalog browser for React, Vue, Svelte, and Solid. - Integrations: Includes an MCP (Model Context Protocol) integration for Claude, ChatGPT, Cursor, and VS Code, as well as a YAML wire format.