vueform: Open Source Forms & Surveys

What is vueform?

What it is

Vueform is an open-source form framework for Vue.js, released under the MIT license. It lives in the Vue ecosystem and standardizes form building, rendering, validation, and processing for Vue applications.

The project solves the repetitive work of building forms in Vue. It gives developers one structure for inputs, validation rules, steps, conditional fields, uploads, translations, and accessibility, instead of wiring each behavior separately across simple forms, complex forms, multi-step questionnaires, and inline form builders.

Key capabilities

Vueform supports 25+ form elements, including multi-file uploads, date pickers, and a rich text editor.
It allows element nesting and repeating, so grouped fields and field collections can be modeled in one form.
It includes a theming and templating system with Tailwind support, letting developers adjust presentation and markup.
It provides 50+ validators with async, dependent, and custom rules.
It supports conditional logic with and/or condition groups, so fields or behavior can change based on input.
It includes built-in form steps support for multi-step forms.
It supports translating form contents and global i18n, and the README describes the framework as fully accessible.

Who uses it and how

Vue developers use Vueform for simple contact forms, complex forms, and multi-step questionnaires, as shown by the official examples.
Developers can use the drag-and-drop builder to assemble a form and export it as a native Vue component.
Developers can start with npm, yarn, pnpm, or bun create commands, then use the documentation and Installation Wizard for manual setup.
Contributors use the repository to report bugs, ask questions, share ideas, send pull requests, and improve locale translations.

Getting started

The README recommends creating a project with npm create vueform@latest, yarn create vueform, pnpm create vueform, or bun create vueform. Manual installation is supported through the hosted Installation Wizard at vueform.com.

When to use it — and when not to

Vueform fits Vue applications that need a reusable form layer with validation, steps, conditional logic, uploads, theming, and internationalization. The README and repository metadata do not list paid products it replaces, and they do not describe required self-hosted infrastructure such as a database, storage, or SMTP setup. Its main limitation is that it is Vue-specific, and the repository has 31 open issues, which may require review before production adoption.

project readme (upstream, from github) — read inline

Vueform

Vueform is an open-source form framework for Vue.js.

It standardizes the entire form building process, while taking care of everything from rendering to validation and processing:

25+ form elements with multi-file uploads, date pickers and rich text editor
element nesting and repeating
a complete theming and templating system with Tailwind support
50+ validators with async, dependent and custom rules
conditional logic with and/or condition groups
built-in form steps support
translating form contents and global i18n support
fully accessible
... and many more

Get Started

Create your first Vueform project using your favourite package manager:

npm create vueform@latest

yarn create vueform

pnpm create vueform

bun create vueform

Manual Installation

To manually install Vueform, use our Installation Wizard. This wizard will guide you through the necessary steps for a hassle-free setup.

Documentation

For a detailed understanding of Vueform, its features, and how to use them, refer to our Documentation.

Examples

Explore real-world applications of Vueform with some of our examples. Whether you're building a simple contact form or a complex multi-step questionnaire, these examples will give you ideas how to leverage Vueform features in your projects.

Drag and Drop

Build forms even quicker using our drag and drop form builder tool and export the code as a native Vue component: https://builder.vueform.com/demo

Contribute

We welcome contributors of all levels and backgrounds. Whether you're fixing bugs, enhancing functionality, or updating documentation, your efforts help strengthen Vueform for everyone.

Here are a few ideas how can your contribute:

Report bugs to help us maintain stability. Please check our reporting bugs guide.
Share ideas for innovative features or improvements in Ideas.
Ask questions to clarify doubts in Questions and let others find it later.
Send pull requests for code enhancements or fixes. Please check our contribution guide.
Help with translating Vueform to new languages.

Development

For those interested in diving deeper into Vueform's inner workings, you can set up a local development environment. Please follow our guide for setup instructions.

Clone

Clone Vueform into your local environment.

git clone https://github.com/vueform/vueform.git

Setup

Setup Vueform in a test environment and import the source files for Vueform plugin.

import { vueform } from '@vueform/vueform/src'

Now you can make changes in the src directory and you should see their effect in your test environment.

Test

Once you're finished make sure that all the tests are still passing.

npm run test

Build

If everything looks good, run the build script.

npm run build

License

MIT

Frequently asked questions

Is vueform free to use?

vueform is open source under the MIT licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does vueform do?

Open-Source Form Framework for Vue

What is vueform written in?

vueform is primarily written in JavaScript. Its source is publicly available at https://github.com/vueform/vueform, and it has 1,510 GitHub stars.