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

For Vue

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

Peer dependencies: vue ^3.5.0 and zod ^4.0.0.

npm install vue zod

For React UI with shadcn/ui

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.

For React Native

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

For Remotion Video

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

For External State Management (Optional)

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.

For AI Integration

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

npm install ai