json-render

vercel-labs/json-render is an open-source project by vercel-labs: The Generative UI framework. Indexed here so it can be found — not resold.

It is free. Get it from the upstream repository: https://github.com/vercel-labs/json-render

From the project's own README (excerpt, reproduced for discovery under its Apache-2.0 license):

json-render

The Generative UI framework.

Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

Why json-render?

json-render is a Generative UI framework: AI generates interfaces from natural language prompts, constrained to components you define. You set the guardrails, AI generates within them: • Guardrailed - AI can only use components in your catalog • Predictable - JSON output matches your schema, every time • Fast - Stream and render progressively as the model responds • Cross-Platform - React, Vue, Svelte, Solid (web), React Native (mobile) from the same catalog • Batteries Included - 36 pre-built shadcn/ui components ready to use

Quick Start

1. Define Your Catalog

2. Define Your Components

3. Render AI-Generated Specs

That's it. AI generates JSON, you render it safely.

---

Packages

Package Description --------------------------- ---------------------------------------------------------------------- @json-render/core Schemas, catalogs, AI prompts, dynamic props, SpecStream utilities @json-render/react React renderer, contexts, hooks @json-render/vue Vue 3 renderer, composables, providers @json-render/svelte Svelte 5 renderer with runes-based reactivity @json-render/solid SolidJS renderer with fine-grained reactive contexts @json-render/shadcn 36 pre-built shadcn/ui components (Radix UI + Tailwind CSS) @json-render/shadcn-svelte 36 pre-built shadcn-svelte components (Svelte 5 + Tailwind CSS) @json-render/react-three-fiber React Three Fiber renderer for 3D scenes (20 built-in components, including GaussianSplat) @json-render/react-native React Native renderer with standard mobile components @json-render/next Next.js…