@jsonforms/vue2-vuetify

Vue 2 Vuetify renderers for JSON Forms
8,912 29
vue vuetify input json frontend forms layout vue2 form generator schema vue 2 jsonforms renderengine jsonschema uischema
Install
npm install @jsonforms/vue2-vuetify
Latest Version:3.0.0
Vue:2
License:MIT
Last Updated:Nov 20, 2025
Links: GitHub  ·  npm
Maintainer: sdirix

JSON Forms Vuetify renderers

[!CAUTION] This repository is no longer maintained. JSON Forms no longer supports Vue 2 since June 2023.

The last version of JSON Forms supporting Vue 2 is 3.1.0 with @jsonforms/vue2-vuetify in version 3.1.0-alpha.3.
The last stable version of @jsonforms/vue2-vuetify is 3.0.0 which needs to be combined with JSON Forms 3.0.0

Since then the Vue 2 Vuetify renderers were ported to Vue 3 and are now located in the main repository.
See jsonforms.io for more information about JSON Forms.

This is a monorepo containing the JSON Forms Vue 2 Vuetify renderers and an example application.

See jsonforms-vuetify-renderers.netlify.app for the deployed example application.

JSON Forms

See jsonforms.io and the main repository for more information about JSON Forms.

Vue2 Vuetify renderer set

See the README of the Vue 2 Vuetify renderer set for detailed instructions on how to consume and use the JSON Forms Vue 2 Vuetify renderer set.

Developer documentation

Use Node 12+

Initial setup

  • Install monorepo dependencies: npm ci
  • Hook up dependencies between packages: npm run init

Scripts

  • Build the renderer set: npm run build
  • Build and watch the renderer set: npm run watch
  • Remove build artifacts: npm run clean
  • Run example app: npm run example:serve
  • Build example app for production: npm run example:build

Recommendations:

  • For development use npm run watch combined with npm run example:serve.
  • To test production use npm run build combined with npm run example:build. Then serve the built application from example/dist with a web server of your choice, e.g. npx http-server example/dist.

Use with Vite

When building for production with Vite, custom renderers will not work correctly if their entries are defined within the Single File Component - ie within the custom renderer itself.

To use custom renderers with Vite in production mode, define the entry for any custom renderer outside of the SFC that defines the renderer itself. For example, within the file that imports and registers the renderer. Example repo: https://github.com/yaffol/json-forms-vuetify-vite-seed

See also https://github.com/eclipsesource/jsonforms/issues/2077 and https://jsonforms.discourse.group/t/custom-renderers-not-rendering/1250

Related Packages

@pvale/vue-vuetify

Vue Vuetify renderers for JSON Forms

1,429 29
customization form forms frontend generator input json jsonforms jsonschema layout +7
@jsonforms/vue2

Vue 2 module of JSON Forms

44,809 2,751
customization form forms frontend generator input json jsonforms jsonschema layout +6
@jsonforms/vue2-vanilla

Vue 2 Vanilla renderers for JSON Forms

29,599 2,751
customization form forms frontend generator input json jsonforms jsonschema layout +6
@jsonforms/vue-vuetify

Vue Vuetify renderers for JSON Forms

120,200 2,750
customization form forms frontend generator input json jsonforms jsonschema layout +5
@chaoqing/jsonforms-vue-primevue

Vue PrimeVue v4 renderers for JSON Forms — community-maintained fork of @jsonfor...

1,815 0
customization form forms frontend generator input json jsonforms jsonschema layout +5

Version History

Version Released Vue License
3.0.0 ^2.7.0 MIT
Pre-releases (14)
Version Released Vue License
3.1.0-alpha.3 ^2.7.0 MIT
3.1.0-alpha.2 ^2.7.0 MIT
3.1.0-alpha.1 ^2.7.0 MIT
3.1.0-alpha.0 ^2.7.0 MIT
3.0.0-rc.1 ^2.7.0 MIT