json-render

Generative UI framework

The model picks
from your shelf.

Interfaces generated from a prompt, constrained to the components you defined. You set the catalog; the model can only choose inside it.

npm install @json-render/core @json-render/react

defineCatalog

Nothing generated
CardA card container
MetricDisplay a metric value
ButtonClickable button
TableRows and columns

> show me revenue this quarter

What comes back{ "waiting": true }

Catalog entries and the generated shape are illustrative, drawn from the project's example rather than a live model.
A component outside the catalog cannot appear in the output, which is the guarantee the framework is built on.

What the constraint buys

Guardrailed

The model can only use components in your catalog.

Predictable

JSON output matches your schema, every time.

Streamed

Render progressively as the model responds.

Cross-platform

React, Vue, Svelte, Solid and React Native from one catalog.