FormVueLate

Visit the FormVueLate documentation for the full guide, examples, and plugin docs.

Getting Started

FormVueLate is a zero-dependency library that generates schema-driven forms for Vue 3.

The schema can be as flexible as you need — modify it at runtime with an expected reactive result, or even fetch it from your backend's API.

Important — bring your own components. FormVueLate is not a UI component library. There are plenty of great component libraries out there; FormVueLate's job is to drive which components render and how their state flows. Bring your own, your team's, or any third-party library you like.

Installation

pnpm add formvuelate
# or
npm install formvuelate
# or
yarn add formvuelate

Requires Vue ^3.4.0.

Using SchemaForm

<template>
  <SchemaForm :schema="mySchema" />
</template>

<script setup>
import { SchemaForm, useSchemaForm } from 'formvuelate'

const { formModel } = useSchemaForm({})

const mySchema = {
  // your schema
}
</script>

SchemaForm writes user input into formModel.value reactively — no v-model required.

Official plugins

• @formvuelate/plugin-lookup — mapping and replacement plugin to parse complex schemas into FormVueLate-ready structure.
• @formvuelate/plugin-vee-validate — vee-validate (v4) integration for declarative form validation.

Older versions (2.x and 3.x)

FormVueLate 2.x and 3.x are no longer maintained. The project was archived between 2022 and the 4.x revival, and the code that powered those releases is significantly out of date with the current Vue 3 ecosystem.

If you need access to the old code:

• 3.x history lives behind the v3.9.1 git tag
• 2.x history lives behind the v2.x series of git tags

Everyone else should use 4.x.

Core team

Marina Mosti

Emeriti

Special thanks to these folks which have provided invaluable contributions to the project.

• Abdelrahman Awad
• Damian Dulisz

License and Support

This package is Treeware. If you use it in production, then we ask that you buy the world a tree to thank us for our work. By contributing to the Treeware forest you'll be creating employment for local families and restoring wildlife habitats.

If you want to use paypal, you can make any donations to Marina's Paypal account. All donations received here will go directly into buying more trees as well!