https://github.com/formvuelate/formvuelate
Dynamic schema-based form rendering for VueJS
https://github.com/formvuelate/formvuelate
form-builder forms javascript javascript-library schema vue vuejs
Last synced: 8 days ago
JSON representation
Dynamic schema-based form rendering for VueJS
- Host: GitHub
- URL: https://github.com/formvuelate/formvuelate
- Owner: formvuelate
- License: mit
- Created: 2019-04-08T15:51:29.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2026-05-22T09:52:18.000Z (10 days ago)
- Last Synced: 2026-05-22T16:18:41.613Z (10 days ago)
- Topics: form-builder, forms, javascript, javascript-library, schema, vue, vuejs
- Language: JavaScript
- Homepage: https://formvuelate.js.org
- Size: 2.71 MB
- Stars: 442
- Watchers: 0
- Forks: 43
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# FormVueLate
[](https://www.npmjs.com/package/formvuelate)
[](https://codecov.io/gh/formvuelate/formvuelate)
[](https://plant.treeware.earth/formvuelate/formvuelate)
Visit the [FormVueLate documentation](https://formvuelate.js.org/) 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
```bash
pnpm add formvuelate
# or
npm install formvuelate
# or
yarn add formvuelate
```
Requires Vue `^3.4.0`.
## Using SchemaForm
```vue
import { SchemaForm, useSchemaForm } from 'formvuelate'
const { formModel } = useSchemaForm({})
const mySchema = {
// your schema
}
```
`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
## Emeriti
Special thanks to these folks which have provided invaluable contributions to the project.
## License and Support
This package is [Treeware](https://treeware.earth). If you use it in production, then we ask that you [**buy the world a tree**](https://plant.treeware.earth/formvuelate/formvuelate) 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](https://www.paypal.com/paypalme/mostimarina). All donations received here will go directly into buying more trees as well!