Vueform is an open-source form framework for Vue.js 3 to build, validate, and process forms with built-in elements, conditional logic, multi-step workflows, and multilingual support.
Vueform is an open-source form framework for Vue.js 3 that focuses on building, validating, and processing forms from a standardized schema. The homepage positions it as a comprehensive framework that takes care of rendering, validation, and data handling in one system.
It is designed for both developers building forms directly and teams building dynamic form tools. The site highlights a drag-and-drop builder, JSON-backed forms, and a set of docs that cover installation, conditional rendering, steps, validation, events, styles, and internationalization.
Vueform includes a broad set of ready-made elements such as file uploads, date pickers, tags, sliders, phone inputs, checkboxes, lists, objects, and multifile uploads. The homepage shows these as built-in components rather than add-ons you need to source elsewhere.
The docs describe more than 50 built-in validation rules, with support for custom rules, async checks, conditional validation, and rules that can watch other field values. This keeps validation close to the form schema instead of pushing it into separate code.
Conditional rendering works at the element and form-step level, with support for simple comparisons, arrays, nested paths, list paths, expressions, and functional conditions. The product also notes that hidden elements are excluded from submitted request data.
Vueform supports breaking long forms into steps with `FormSteps`, `FormStep`, and `FormStepsControls`. The docs present this as a way to structure longer flows into smaller parts for users.
Forms, elements, validation rules, and steps can be stored as JSON and rendered back from JSON. The homepage says this can be used to build dynamic forms and even a form builder tool.
The site highlights i18n support and says Vueform is available in 19 languages. It also supports translatable input fields that produce multiple outputs for multilingual content.
Use Vueform when you need to assemble standard input-heavy forms with built-in fields like file uploads, date pickers, tags, sliders, and phone inputs without hunting for separate components.
Use the framework for forms that branch based on prior answers, including nested fields, list-based conditions, and step-level visibility rules that hide irrelevant questions and exclude hidden data from submission.
Use Vueform for longer registration, onboarding, or survey experiences where a wizard layout is easier for users than a single long page of fields.
Use the JSON-based schema support when form definitions need to be stored in a database, generated dynamically, or reused to power a custom form builder.
Use the multilingual fields and 19-language support for forms that need to present or collect content in multiple languages.
Yes. The installation docs say Vueform can be added with `npm create vueform@latest`, `yarn create vueform`, `pnpm create vueform`, or `bun create vueform`. The setup flow can install Vueform into Vite, Nuxt, Astro, or Laravel environments.
Vueform is built for Vue.js 3, and the installation docs describe it as a form builder for Vue.js 3 projects. The docs also mention a manual installation path for existing Vue.js environments.
The docs cover rendering forms, styles and layout, data handling, validation, conditional rendering, events, form steps, and i18n. The homepage also shows element types such as text, select, checkbox, date, tags, slider, phone, list, object, and multifile inputs.
Vueform supports conditional rendering through element conditions, including nested paths, list references, functional conditions, and conditions on form steps. When a condition fails, the element is hidden and its data is excluded from request data.
The source says Vueform supports 19 languages for translated content, and that form content can be stored as JSON and rendered from JSON. That makes it suitable for multilingual forms and database-backed form builders.
