My Vue dev app doesn't look like the examples

Howdy folks,

I’m beginning my journey with JSON Forms. Really enjoying it!

I just wanted to understand why the examples look like google-styled forms… And my app (using the Vue starter seed) looks like this:

Would be really awesome to use the same style as the example website!

Any help appreciated!


We have many different bindings and renderer sets. See the architecture page for more information.

Each renderer set fully controls how it looks like. The examples on the JSON Forms web page are all based on the React Material renderer set, while the Vue seed uses the “Vanilla” renderer set for Vue which is much less sophisticated.

For a more extensive Vue renderer set, have a look at the @jsonforms/vue2-vuetify renderers, demo example here. However as their name indicates, they are only available for Vue 2.