@json-render/devtools-vue

Vue adapter for @json-render/devtools. Drop-in component.
4,135 18,761
vue ui devtools debug inspector json generative-ui
Install
npm install @json-render/devtools-vue
Latest Version:0.21.1
Vue:3
License:Apache-2.0
Last Updated:Oct 21, 2026
Links: GitHub  ·  npm
Maintainer: matt.straka

@json-render/devtools-vue

Vue adapter for the json-render devtools. Drop-in <JsonRenderDevtools /> component.

Installation

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

Peer dep: vue@^3.5.

Usage

<script setup>
import { JsonRenderDevtools } from "@json-render/devtools-vue";
</script>

<template>
  <JSONUIProvider :registry="registry">
    <Renderer :spec="spec" :registry="registry" />
    <JsonRenderDevtools :spec="spec" :catalog="catalog" :messages="messages" />
  </JSONUIProvider>
</template>
  • Floating toggle appears bottom-right.
  • Hotkey: Ctrl/Cmd + Shift + J.
  • Tree-shakes to nothing in production builds.

See the devtools docs for the full prop reference and panel tour.

License

Apache-2.0

Related Packages

vite-plugin-vue-inspector

Jump to local IDE source code when clicking Vue elements in the browser.

46,387,406 809
debug devtools inspector vue vite vite-plugin vscode
i18n-key-inspector

See which translation key produced any text on the page.

2,338 1
debug devtools inspector i18n nuxt translation-keys vue-i18n
vue-json-debug

Vue Json Debug plugin

1,603 4
debug json vue
@json-render/vue

Vue renderer for @json-render/core. JSON becomes Vue components.

433,381 18,809
generative-ui json ui vue ai components llm renderer streaming
@xmachines/json-render-vue

Vue renderer for @xmachines/json-render-core. JSON becomes Vue components.

9,327
generative-ui json ui vue ai components llm renderer streaming

Version History

Version Released License
0.21.1 Apache-2.0
0.21.0 Apache-2.0
0.20.0 Apache-2.0
0.19.0 Apache-2.0
0.18.0 Apache-2.0