Vercel releases JSON‑Render
Vercel open‑sourced JSON‑Render, a generative UI framework that lets models compose structured UIs from prompts — reported to cut render time and token usage for UI generation and now available under Apache 2.0. The tooling looks aimed at rapid prototyping of agent‑driven interfaces and internal dashboards. (infoq.com)
The json-render GitHub repository shows roughly 13.4k stars and around 713 forks and lists installable packages such as @json-render/core and @json-render/react in the monorepo root. (github.com) The framework requires authors to declare a Catalog and Schema using Zod via defineCatalog and defineSchema so generated specs are constrained to developer-defined component names and Zod-validated prop shapes. (github.com) A SpecStream JSONL format and a createSpecStreamCompiler utility are provided to consume patch-style chunks from models and assemble an incremental JSON spec for progressive rendering as chunks arrive. (github.com) Official renderers and examples target multiple runtimes—React, Vue, Svelte, Solid, React Native, Remotion, react-pdf and a terminal Ink renderer—and the repo advertises 36 pre-built shadcn/ui components ready for use. (github.com) The examples directory includes a full dashboard example with drizzle.config.ts and an API route for generation, a React Native (Expo) example, Remotion video examples, and a Stripe app integration demonstrating end-to-end generator-to-renderer flows. (github.com) Documentation and SKILLs show dynamic prop expressions such as "$state" (one-way reads) and "$bindState" (two-way binding) and describe action declarations that bind UI events to external callback handlers for backend integration. (github.com) Vercel engineers are named in coverage of the project—Chris Tate is credited for core work—and Vercel leadership framed json-render as the product of roughly "10 years of thinking" about generative UI in public commentary. (thenewstack.com)
