Dynamic Forms for Vue.js

As web app developers, we spend a lot of our time building forms. What if building forms could be productive and fun?

About

Formival is a dynamic forms library for Vue that provides automatic form generation. It is inspired by Formly, but reinvented as idiomatic Vue. We make use of the awesome Vuelidate library, rather than re-inventing a new validation solution.

You provide a config object that defines your form, and Formival will take care of the rest!

Formival has no opinions about how your forms should look. Form inputs are fully customisable. Bring your own input components, and Formival will use them to build the form, binding them to the appropriate parts of the form model. Provide validations for the form model and the appropriate validation results will be passed to the appropriate parts of the form.

Installation

For use with Vue CLI projects, Webpack, or Rollup, install the package from npm:

npm install --save formival

Or, you can use directly in the browser by linking to a CDN build:

<script src="https://unpkg.com/formival"></script>