# json-render

The Generative UI framework. Generate dashboards, widgets, and apps from prompts — safely constrained to components you define.

## Documentation

- [Introduction](https://json-render.dev/docs.md)
- [Installation](https://json-render.dev/docs/installation.md)
- [Quick Start](https://json-render.dev/docs/quick-start.md)
- [Skills](https://json-render.dev/docs/skills.md)
- [Migration Guide](https://json-render.dev/docs/migration.md)
- [Changelog](https://json-render.dev/docs/changelog.md)
- [Specs](https://json-render.dev/docs/specs.md)
- [Schemas](https://json-render.dev/docs/schemas.md)
- [Catalog](https://json-render.dev/docs/catalog.md)
- [Data Binding](https://json-render.dev/docs/data-binding.md)
- [Computed Values](https://json-render.dev/docs/computed-values.md)
- [Visibility](https://json-render.dev/docs/visibility.md)
- [Watchers](https://json-render.dev/docs/watchers.md)
- [Validation](https://json-render.dev/docs/validation.md)
- [Directives](https://json-render.dev/docs/directives.md)
- [Renderers](https://json-render.dev/docs/renderers.md)
- [Registry](https://json-render.dev/docs/registry.md)
- [Streaming](https://json-render.dev/docs/streaming.md)
- [Generation Modes](https://json-render.dev/docs/generation-modes.md)
- [Custom Schema & Renderer](https://json-render.dev/docs/custom-schema.md)
- [Code Export](https://json-render.dev/docs/code-export.md)
- [Devtools](https://json-render.dev/docs/devtools.md)
- [AI SDK Integration](https://json-render.dev/docs/ai-sdk.md)
- [Jev (Experimental)](https://json-render.dev/docs/jev.md)
- [A2UI Integration](https://json-render.dev/docs/a2ui.md)
- [Adaptive Cards Integration](https://json-render.dev/docs/adaptive-cards.md)
- [AG-UI Integration](https://json-render.dev/docs/ag-ui.md)
- [OpenAPI Integration](https://json-render.dev/docs/openapi.md)
- [@json-render/core](https://json-render.dev/docs/api/core.md)
- [@json-render/react](https://json-render.dev/docs/api/react.md)
- [@json-render/next](https://json-render.dev/docs/api/next.md)
- [@json-render/tanstack-start](https://json-render.dev/docs/api/tanstack-start.md)
- [@json-render/react-pdf](https://json-render.dev/docs/api/react-pdf.md)
- [@json-render/react-email](https://json-render.dev/docs/api/react-email.md)
- [@json-render/shadcn](https://json-render.dev/docs/api/shadcn.md)
- [@json-render/shadcn-svelte](https://json-render.dev/docs/api/shadcn-svelte.md)
- [@json-render/react-native](https://json-render.dev/docs/api/react-native.md)
- [@json-render/image](https://json-render.dev/docs/api/image.md)
- [@json-render/remotion](https://json-render.dev/docs/api/remotion.md)
- [@json-render/ink](https://json-render.dev/docs/api/ink.md)
- [@json-render/vue](https://json-render.dev/docs/api/vue.md)
- [@json-render/svelte](https://json-render.dev/docs/api/svelte.md)
- [@json-render/solid](https://json-render.dev/docs/api/solid.md)
- [@json-render/react-three-fiber](https://json-render.dev/docs/api/react-three-fiber.md)
- [@json-render/directives](https://json-render.dev/docs/api/directives.md)
- [@json-render/codegen](https://json-render.dev/docs/api/codegen.md)
- [@json-render/devtools](https://json-render.dev/docs/api/devtools.md)
- [@json-render/devtools-react](https://json-render.dev/docs/api/devtools-react.md)
- [@json-render/devtools-vue](https://json-render.dev/docs/api/devtools-vue.md)
- [@json-render/devtools-svelte](https://json-render.dev/docs/api/devtools-svelte.md)
- [@json-render/devtools-solid](https://json-render.dev/docs/api/devtools-solid.md)
- [@json-render/mcp](https://json-render.dev/docs/api/mcp.md)
- [@json-render/redux](https://json-render.dev/docs/api/redux.md)
- [@json-render/zustand](https://json-render.dev/docs/api/zustand.md)
- [@json-render/jotai](https://json-render.dev/docs/api/jotai.md)
- [@json-render/xstate](https://json-render.dev/docs/api/xstate.md)
- [@json-render/yaml](https://json-render.dev/docs/api/yaml.md)