AI product Open source · Apache-2.0

json-render

json-render is a generative UI framework from Vercel Labs that converts natural-language prompts and structured JSON outputs into interface specifications constrained by a developer-defined catalog of components, actions, schemas, and data bindings. The catalog generates the AI system prompt and acts as a guardrail; specifications are validated against the catalog and rendered progressively through a streaming compiler. Components can use state expressions, conditional visibility, computed values, templates, actions, and state watchers. The framework provides renderers and adapters for React, Vue, Svelte, Solid, React Native, Next.js, TanStack Start, terminal UIs, Remotion video, React PDF, React Email, SVG/PNG images, and React Three Fiber, along with optional shadcn/ui components, devtools, state-store adapters, MCP Apps integration, YAML support, and code-generation utilities.

View repository Visit site Mentioned in 1 video ↓

What json-render is used for

1 use taken from transcripts — each links to the moment in the video.

  • A tool used to create UI components from arbitrary JSON so model outputs can be displayed in an application; Jev was presented as a faster source of those structured outputs.

Videos mentioning json-render

1 in the library.