Forms from JSON Schema for Nuxt

Describe a form once as JSON Schema and get the fields, validation and layout at runtime, rendered with Nuxt UI components.

From schema to form

Forms from JSON Schema

Strings, numbers, booleans, enums, dates, objects and arrays each render as a matching input.

Validation built in

Rules like required and format come from the schema. Add custom error messages or your own validation functions.

Layouts

Place fields side by side with layout rows, without changing the shape of your data.

Custom renderers

Set a renderer on any property to draw it with your own component, from an address block to a multi-step wizard.

Defined at runtime

Schemas are plain JSON, so you can load them from an API or a CMS and render new forms without a rebuild.

Built on Nuxt UI

Fields use Nuxt UI components, so forms follow your theme, colors and color mode.