npmpackage.info

Gathering detailed insights and metrics for vee-validate

Other packages similar to vee-validate

@vee-validate/zod

4.15.1

vee-validate integration with zod schema validation

@vee-validate/yup

4.15.1

vee-validate integration with yup schema validation

@vee-validate/nuxt

4.15.1

Official vee-validate nuxt module

@vee-validate/rules

4.15.1

Form Validation for Vue.js

Gathering detailed insights and metrics for vee-validate

vee-validate - 4.15.1 | npmpackage.info

vee-validate

✅ Painless Vue forms

4.15.1

11,064

MIT

TypeScript

13.13 kB

3.9

Installations

npm install vee-validate

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

22.16.0

NPM Version

10.9.2 Score

85.7

Supply Chain

99.6

Quality

86.7

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

3

Total

948

Closed

121

Merged

824

Issues

Open

113

Total

3,536

Closed

3,423

Releases

314

v4.15.1

Updated on Jun 07, 2025

v4.15.0

Updated on Dec 22, 2024

v4.14.7

Updated on Nov 08, 2024

v4.14.6

Updated on Oct 30, 2024

v4.14.5

Updated on Oct 30, 2024

v4.14.4

Updated on Oct 23, 2024

View All 314 releases

Languages

TypeScript

JavaScript

Shell

TypeScript (98.12%)

JavaScript (1.84%)

Shell (0.04%)

Developer

logaretm

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

11,064 Stars

4,844 Commits

1,293 Forks

112 Watchers

12 Branches

355 Contributors

Updated on Jun 29, 2025

Bundle Size

46.42 kB

Minified

13.13 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 355 Contributors

Package Meta Information

Latest Version

4.15.1

Package Id

vee-validate@4.15.1

Unpacked Size

499.13 kB

Size

101.72 kB

File Count

NPM Version

10.9.2

Node Version

22.16.0

Published on

Jun 07, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Dependencies

@vue/devtools-api type-fest

Peer Dependencies

vue

Painless Vue forms

Features

🍞 Easy: Declarative validation that is familiar and easy to setup
🧘‍♀️ Flexible: Synchronous, Asynchronous, field-level or form-level validation
⚡️ Fast: Build faster forms faster with intuitive API and small footprint
🏏 Minimal: Only handles the complicated form concerns, gives you full control over everything else
😎 UI Agnostic: Works with native HTML elements or your favorite UI library components
🦾 Progressive: Works whether you use Vue.js as a progressive enhancement or in a complex setup
✅ Built-in Rules: Companion lib with 25+ Rules that covers most needs in most web applications
🌐 i18n: 45+ locales for built-in rules contributed by developers from all over the world

Getting Started

Installation

1# Install with yarn
2yarn add vee-validate
3
4# Install with npm
5npm install vee-validate --save

Vue version support

The main v4 version supports Vue 3.x only, for previous versions of Vue, check the following the table

vue Version	vee-validate version	Documentation Link
`2.x`	`2.x` or `3.x`	v2 or v3
`3.x`	`4.x`	v4

Usage

vee-validate offers two styles to integrate form validation into your Vue.js apps.

Composition API

The fastest way to create a form and manage its validation, behavior, and values is with the composition API.

Create your form with useForm and then use defineField to create your field model and props/attributes and handleSubmit to use the values and send them to an API.

1<script setup>
2import { useForm } from 'vee-validate';
3
4// Validation, or use `yup` or `zod`
5function required(value) {
6  return value ? true : 'This field is required';
7}
8
9// Create the form
10const { defineField, handleSubmit, errors } = useForm({
11  validationSchema: {
12    field: required,
13  },
14});
15
16// Define fields
17const [field, fieldProps] = defineField('field');
18
19// Submit handler
20const onSubmit = handleSubmit(values => {
21  // Submit to API
22  console.log(values);
23});
24</script>
25
26<template>
27  <form @submit="onSubmit">
28    <input v-model="field" v-bind="fieldProps" />
29    <span>{{ errors.field }}</span>
30
31    <button>Submit</button>
32  </form>
33</template>

You can do so much more than this, for more info check the composition API documentation.

Declarative Components

Higher-order components can also be used to build forms. Register the Field and Form components and create a simple required validator:

1<script setup>
2import { Field, Form } from 'vee-validate';
3
4// Validation, or use `yup` or `zod`
5function required(value) {
6  return value ? true : 'This field is required';
7}
8
9// Submit handler
10function onSubmit(values) {
11  // Submit to API
12  console.log(values);
13}
14</script>
15
16<template>
17  <Form v-slot="{ errors }" @submit="onSubmit">
18    <Field name="field" :rules="required" />
19
20    <span>{{ errors.field }}</span>
21
22    <button>Submit</button>
23  </Form>
24</template>

The Field component renders an input of type text by default but you can control that

📚 Documentation

Read the documentation and demos.

Contributing

You are welcome to contribute to this project, but before you do, please make sure you read the contribution guide.

Credits

Inspired by Laravel's validation syntax
v4 API Inspired by Formik's
Nested path types by react-hook-form
Logo by Baianat

Emeriti

Here we honor past contributors and sponsors who have been a major part on this project.

Baianat.

⚖️ License

Released under MIT by @logaretm.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

5

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.9

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vee-validate

Other packages similar to vee-validate

vee-validate

Installations

Developer Guide

Yes

ESM

22.16.0

10.9.2

Score

Pull Requests

3

948

121

824

Issues

113

3,536

3,423

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

46.42 kB

13.13 kB

Maintainers

Package Meta Information

Total Downloads

NaN

Dependencies

Peer Dependencies

Features

Getting Started

Installation

Vue version support

Usage

Composition API

Declarative Components

📚 Documentation

Contributing

Credits

Emeriti

⚖️ License

10

10

10

10

5

0

0

0

0

0

0

0

0

3.9

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads