Overview & Result
json-render is an open-source generative UI framework from Vercel Labs. In experiments with TypeSafe's Jev model, the framework avoids slow token-by-token JSON generation. Instead, Jev chooses discrete components, variants, and layout slots from a predefined design system in single-digit milliseconds, streaming complete UI structures instantly.
How Jev fits in the loop
- Encodes the application's component registry and current user context as a decision choice set.
- Jev selects the appropriate component types, variant flags, and layout hierarchy.
- The client renderer instantiates the typed React components immediately without JSON parsing errors.
How to reproduce
- Clone https://github.com/vercel-labs/json-render and install dependencies.
- Explore the example schemas defining UI components and design systems.
- Run the demo app showing instant UI generation without token-by-token JSON streaming.
Why this build matters
Eliminates syntax errors and multi-second streaming delays in Generative UI by replacing token synthesis with discrete component selection.
Limitations
- Requires pre-registered component catalogs in the front-end design system.
- Does not synthesize arbitrary unvalidated HTML on the fly.