Handle Laravel-Vue forms and validation with ease.
Alternatives To Vform
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Hook Form33,9391271,337a day ago951September 23, 202210mitTypeScript
📋 React Hooks for form state management and validation (Web + React Native)
Redux Form12,61311,7811,24319 days ago235November 17, 2021492mitJavaScript
A Higher Order Component using react-redux to keep form state in a Redux store
4906 days ago27September 15, 2020170mitSwift
Elegant iOS form builder in Swift
Vee Validate9,6242,1907352 days ago282September 19, 202249mitTypeScript
✅ Painless Vue forms
Formily9,3341192 days ago209September 20, 202211mitTypeScript
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Parsley.js9,045329415 months ago47December 10, 201969mitJavaScript
Validate your forms, frontend, without writing a single line of javascript
React Final Form7,21750038420 days ago76April 01, 2022385mitJavaScript
🏁 High performance subscription-based form state management for React
Tcomb Form Native3,162499186 months ago53October 11, 2018128mitJavaScript
Forms library for react-native
Formkit2,601132 days ago144September 23, 202256mitTypeScript
Vue Forms ⚡️ Supercharged
Formsy React2,59922 years ago1November 27, 2015149mitJavaScript
A form input builder and validator for React JS
Alternatives To Vform
Select To Compare

Alternative Project Comparisons


Handle Laravel-Vue forms and validation with ease

Latest Version on NPM Build Status Total Downloads

vform is a tiny library for Vue 2/3 to help with forms and validation when using Laravel as a back-end.

It provides a form instance to wrap your data in a convenient way and send it to your Laravel application via an HTTP request using axios.


npm install axios vform

Basic Usage

  <form @submit.prevent="login" @keydown="form.onKeydown($event)">
    <input v-model="form.username" type="text" name="username" placeholder="Username">
    <div v-if="form.errors.has('username')" v-html="form.errors.get('username')" />

    <input v-model="form.password" type="password" name="password" placeholder="Password">
    <div v-if="form.errors.has('password')" v-html="form.errors.get('password')" />

    <button type="submit" :disabled="form.busy">
      Log In

import Form from 'vform'

export default {
  data: () => ({
    form: new Form({
      username: '',
      password: ''

  methods: {
    async login () {
      const response = await this.form.post('/api/login')
      // ...

Laravel Controller:


class LoginController extends Controller
    public function login(Request $request)
        $this->validate($request, [
            'username' => 'required',
            'password' => 'required',

        // ...


You'll find the documentation on vform.vercel.app.


Please see CHANGELOG for more information what has changed recently.

Popular Validation Projects
Popular Form Projects
Popular Data Processing Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Vue Components