Installation

Install the core package plus your renderer of choice.

For React UI#

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

Peer dependencies: react ^19.0.0 and zod ^4.0.0.

npm install react zod

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

Peer dependencies: vue ^3.5.0 and zod ^4.0.0.

npm install vue zod

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

Peer dependencies: svelte ^5.0.0 and zod ^4.0.0.

npm install svelte zod

Pre-built components for fast prototyping and production use:

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

Requires Tailwind CSS in your project. See the @json-render/shadcn API reference for usage.

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

npm install @json-render/core @json-render/remotion remotion @remotion/player

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

If you want to wire json-render to an existing state management library instead of the built-in store, install the adapter for your library:

npm install @json-render/zustand

npm install @json-render/redux

npm install @json-render/jotai

npm install @json-render/xstate

See the Data Binding guide for usage.

To use json-render with AI models, you'll also need the Vercel AI SDK:

npm install ai