---
layout: ../layouts/PageLayout.astro
title: Resources
description: Articles, Tutorials, and Products on VeeValidate
order: 1
---

# Resources

## Talks

- [What's new in vee-validate v4](https://youtu.be/_r6PjzFLbqw) by [Abdelrahman Awad](https://twitter.com/logaretm) - Jul 18, 2020
- [Vue Form Validation w/ VeeValidate](https://www.youtube.com/watch?v=KN1ij6hWVDs) by [Aaron Saunders](https://twitter.com/aaronksaunders) - Apr 30, 2021

## Community Videos

- [Managing Form Validation with Custom Form Components And Vee-Validate Composition API](https://www.youtube.com/watch?v=2ET7IH57XwQ) by [Aaron Saunders](https://twitter.com/aaronksaunders)

## Products

Creative-Tim are using vee-validate in their Vue dashboards, head over to [creative-tim](https://www.creative-tim.com/templates/vuejs?ref=vee-validate) and check their offerings.

<div class="mt-8 grid grid-cols-2 gap-x-4 gap-y-4">
<a class="block dark:bg-black bg-gray-100 p-4 rounded-lg overflow-hidden" href="https://www.creative-tim.com/product/vue-argon-dashboard-pro?ref=vee-validate" target="_blank" rel="noopener">
  <div class="relative w-full h-64">
    <img src="https://s3.amazonaws.com/creativetim_bucket/products/159/original/opt_adp_vue_thumbnail.jpg?1557130295" class="w-full h-full inset-0 absolute object-contain" />
  </div>
  <p class="text-lg font-bold text-center mt-4">Vue Argon Dashboard Pro</p>
</a>

<a
  class="block dark:bg-black bg-gray-100 p-4 rounded-lg overflow-hidden"
  href="https://www.creative-tim.com/product/vue-white-dashboard-pro?ref=vee-validate"
  target="_blank"
  rel="noopener"
>
  <div class="relative w-full h-64">
    <img
      src="https://s3.amazonaws.com/creativetim_bucket/products/261/original/opt_wdp_vue_thumbnail.jpg?1576152737"
      class="w-full h-full inset-0 absolute object-contain"
    />
  </div>
  <p class="text-lg font-bold text-center mt-4">Vue White Dashboard Pro</p>
</a>

<a
  class="block dark:bg-black bg-gray-100 p-4 rounded-lg overflow-hidden"
  href="https://www.creative-tim.com/product/vue-light-bootstrap-dashboard-pro?ref=vee-validate"
  target="_blank"
  rel="noopener"
>
  <div class="relative w-full h-64">
    <img
      src="https://s3.amazonaws.com/creativetim_bucket/products/69/original/opt_lbdp_vue_thumbnail.jpg?1534959576"
      class="w-full h-full inset-0 absolute object-contain"
    />
  </div>
  <p class="text-lg font-bold text-center mt-4">Vue Light Bootstrap Dashboard PRO</p>
</a>

<a
  class="block dark:bg-black bg-gray-100 p-4 rounded-lg overflow-hidden"
  href="https://www.creative-tim.com/product/vue-black-dashboard-pro?ref=vee-validate"
  target="_blank"
  rel="noopener"
>
  <div class="relative w-full h-64">
    <img
      src="https://s3.amazonaws.com/creativetim_bucket/products/135/original/opt_bdp_vue_thumbnail_%285%29.jpg?1571054798"
      class="w-full h-full inset-0 absolute object-contain"
    />
  </div>
  <p class="text-lg font-bold text-center mt-4">Vue Black Dashboard Pro</p>
</a>

  <a class="block dark:bg-black bg-gray-100 p-4 rounded-lg overflow-hidden" href="https://www.creative-tim.com/product/vue-now-ui-dashboard-pro?ref=vee-validate" target="_blank" rel="noopener">
    <div class="relative w-full h-64">
      <img src="https://s3.amazonaws.com/creativetim_bucket/products/79/original/opt_nudp_vue_thumbnail.jpg?1534959600" class="w-full h-full inset-0 absolute object-contain" />
    </div>
    <p class="text-lg font-bold text-center mt-4">Vue Now UI Dashboard PRO</p>
  </a>
</div>
