| 123456789101112131415161718192021222324252627282930 |
- export const metadata = { title: "Introduction" }
- # Introduction
- Predictable. Guardrailed. Fast. Let users generate dashboards, widgets, apps, and data visualizations from prompts.
- ## What is json-render?
- json-render lets end users generate UI from natural language prompts — safely constrained to components you define. You set the guardrails: what components exist, what props they take, what actions are available. AI generates JSON that matches your schema, and your components render it natively.
- ## Why json-render?
- ### Guardrailed
- AI can only use components in your catalog. No arbitrary code generation.
- ### Predictable
- JSON output matches your schema, every time. Actions are declared by name, you control what they do.
- ### Fast
- Stream and render progressively as the model responds. No waiting for completion.
- ## How it works
- 1. Define the guardrails — what components, actions, and data bindings AI can use
- 2. Users prompt — end users describe what they want in natural language
- 3. AI generates JSON — output is always predictable, constrained to your catalog
- 4. Render fast — stream and render progressively as the model responds
|
