regle
@regle/nuxt

Type safe model-based form validation library for Vue.js

regle cover

Regle

Regle \ʁɛɡl\ (French word for 'rule') is a Typescript-first model-based validation library for Vue 3. It's heavily inspired by Vuelidate.

📚 Documentation

Documentation

🎮 Play with it

PlaygroundSimple demoAdvanced Demo
Open in StackBlitzOpen in StackBlitz

✨ Features

  • 🔌 Headless: Plug any UI or markup to the validation.
  • 🎯 Type safe: Full inference and autocompletion support.
  • 🌳 Model based: Your validation tree structure matches the data model.
  • 🎨 Style Agnostic: Works with any CSS framework or plain CSS.
  • 📦 Modular design: Expand Regle properties or default validation rules.
  • 🔄 Async validation: Handle asynchronous validations and pending states with ease.
  • 🌐 i18n Ready: Works with any i18n library.
  • 📕 Vuelidate like API: Regle's API mimics Vuelidate's API while improving it on a lot of areas.
  • ⚡️ SSR Ready: Full support for Server Side Rendering environments.
  • Alternative validation: Standard Schema spec validation support.