Vue.js Forms

This list will help you find the best Vue.js form.

Vue Simple Search Dropdown
Vue Simple Search Dropdown
Dropdown Component with Autocomplete
Vue-preview-imgs
Vue-preview-imgs
A picture preview plugin for Vue3
Vue Instant
Vue Instant
Custom Search Controls with Auto-Suggestion
FormKit
FormKit
Vue 3 Form Authoring Framework
Vue File Agent
Vue File Agent
File Upload Component
Vest
Vest
🦺 Declarative form validation framework inspired by unit testing.
IFstruct-parser-vue
IFstruct-parser-vue
Converts iofod edited projects into production-ready Vue projects
Vue Trix
Vue Trix
Rich Text Editor
Vue-datepicker-next
Vue-datepicker-next
Vue 3.x component for datepicker / timepicker / datetimepicker / calendar
Vue Number Format
Vue Number Format
Auto-formatting Number Input
Vueform
Vueform
Form Builder
Vueform
Vueform
(probably) the most comprehensive form builder for Vue.js Online Demo
Vue3-otp-input
Vue3-otp-input
A fully customizable, OTP (one-time-password) input component built with Vue 3.x and Vue Composition API.
Vue Flatpickr Component
Vue Flatpickr Component
Datetime Picker
Vue Cookie Comply
Vue Cookie Comply
Cookie Consent Component
FormVueLate
FormVueLate
Vue Schema-Driven Form Generation
Vue Instant
Vue Instant
Custom Search Controls with Auto-Suggestion
V-use-places-autocomplete
V-use-places-autocomplete
📍 Vue composable for Google Maps Places Autocomplete.
Vue-dropify
Vue-dropify
A Simple image dropzone component for Vuejs
Vue-color-input
Vue-color-input
– Vue 3 color picker component whose goal is to replace <input type="color">
Vue Tiny Validate
Vue Tiny Validate
Lightweight Validation Library
Vue Visual Filter
Vue Visual Filter
Visual Filtering Component
Beagl
Beagl
Drag & Drop Form Builder for WordPress
Maska
Maska
Input Mask Component
Vue3-date-time-picker
Vue3-date-time-picker
The most complete date picker solution for Vue 3
Vue-wheel-picker
Vue-wheel-picker
Customizable Picker with 3D wheel and all guestures supported for Vue 2.
Reforms.js
Reforms.js
Bootstrap Form & Card Generator
VeeValidate
VeeValidate
Form Validation Library
Vue-tiny-validate
Vue-tiny-validate
Tiny (2.5KB minified) Vue Validate Composition.
Vue-easy-range-date-picker
Vue-easy-range-date-picker
A simple and easy VueJS (2.x) component for date range selection
@vuito/vue
@vuito/vue
Simple, lightweight, isomorphic, and template-based validation library.
Vue-quill
Vue-quill
✒️📝 A Vue 3 rich text editor component based on Quill Editor.
Vue-input-validator
Vue-input-validator
🛡️ Highly extensible & customizable input validator for Vue 2
Reforms.js
Reforms.js
Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more.
Vue-diagram-editor
Vue-diagram-editor
Highly customizable diagram editor with slot-based nodes (vue^2.6)
Vue-cloudinary-uploader
Vue-cloudinary-uploader
A cloudinary image cropper and uploader component for VueJs
@vueform/toggle
@vueform/toggle
Vue 3 toggle component with labels, custom slots and styling options.
@vueform/slider
@vueform/slider
Vue 3 slider component with multihandles, tooltips merging and formatting.
@alireza-ab/vue-persian-datepicker
@alireza-ab/vue-persian-datepicker
A datepicker component for select persian date. (single and range selection, select date and time, select with keyboard, customizable style, localization)
Vue-datetime
Vue-datetime
Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
Vue-dd-form
Vue-dd-form
📋 Build forms only by describing data nodes - without programming! Online Demo
@vueform/multiselect
@vueform/multiselect
Vue 3 multiselect component with single select, multiselect and tagging options.
Vue Flow Form
Vue Flow Form
Create conversational conditional-logic forms with Vue.js. Online Demo
Vuejs-datepicker
Vuejs-datepicker
A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
Vuelidate
Vuelidate
Simple, lightweight model-based validation for Vue.js.
Vue-context
Vue-context
A simple but flexible context menu for vue js.
Vue-file-agent
Vue-file-agent
Full-featured drag & drop enabled Vue file upload component with previews and upload progress
Vue-filepond
Vue-filepond
A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
Vue-laravel-errors
Vue-laravel-errors
A Vue.JS plugin that adds a global mixin which can be used to fill an errors variable from a laravel error response and display it as an object or array, can also be used as a local mixin.
Ps-validation
Ps-validation
A Vue plugin that provides out-of-the-box data validation rules, very much inspired from Laravel validation system.