json-render

The Generative UI framework

★ 18K976 forksTypeScriptApache-2.0vercel-labs

Vercel Labs' Generative UI framework: an LLM emits JSON specs constrained to a Zod-typed component catalog, which json-render streams and renders safely across React, Vue, Svelte, Solid, React Native, Next.js, Remotion, PDF, email, 3D and terminal targets.

Use Cases

Generate dashboards and reports from natural-language promptsRender AI-generated UIs safely inside chat appsBuild MCP Apps for Claude, ChatGPT, Cursor and VS CodeProduce mobile UIs from prompts with React NativeGenerate video timelines via RemotionCreate PDF documents from JSON specsBuild HTML emails from specs with React EmailGenerate OG/social images via SatoriRender interactive terminal UIs with InkCreate 3D scenes and gaussian splats with React Three FiberCodegen from UI treesAdd i18n and formatting directives to generated UI

Built With

Language: TypeScript
Frameworks: React · Vue · Svelte · SolidJS · React Native · Next.js · TanStack Start · Remotion · React Three Fiber · Radix UI · Tailwind CSS · Ink · Redux · Zustand · Jotai · XState

json-render

Use Cases

Built With

Tags