Attaform
DocsDemos GitHub

Getting started

  • Introduction
  • Why Attaform
  • Installation
  • Quick start
  • Your first schema
  • From schema to inputs
  • From inputs to submit
  • Demos

Comparison

  • Benchmarks

AI tooling

  • Agent Skill
  • llms.txt
  • llms-full.txt

Schemas

  • The schema contract
  • Defaults from the schema
  • How values are stored
  • Optional, nullable, defaulted
  • Discriminated unions
  • Variant forms
  • Arrays & tuples
  • Records & maps
  • Dictionary forms
  • Nested objects
  • AbstractSchema

Reading the form

  • The form
  • values
  • fields
  • list
  • record
  • errors
  • meta
  • toRef
  • Type safety

Binding inputs

  • The v-register directive
  • useRegister
  • Text, number, textarea
  • Checkbox
  • Radio groups
  • Select & multi-select
  • File inputs
  • Advanced binding patterns
  • Modifiers
  • Register transforms
  • Schema-driven coercion
  • Custom assigners
  • Third-party components

Writing & mutating

  • setValue patterns
  • reset & resetField
  • clear & blank values
  • unset
  • Field-array mutations
  • Variant memory

Validation

  • When validation runs
  • Per-field validation
  • Async refinements
  • URL availability check
  • The validation lifecycle
  • Display state and showing errors
  • The blank field-state bit

Submitting

  • handleSubmit
  • Server-side errors
  • Focus & scroll on invalid submit

Cross-cutting state

  • Undo & redo
  • Autosave
  • disabled
  • injectForm
  • App-wide defaults

Multistep flows

  • useWizard
  • injectWizard
  • Step slots
  • gate
  • Statuses
  • Aggregates
  • handleSubmit
  • URL sync
  • Resumable wizards
  • Patterns

Server & SSR

  • SSR hydration: Nuxt
  • SSR hydration: bare Vue
  • Performance

DevTools & debugging

  • The Attaform DevTools panel
  • Vue DevTools integration
  • Troubleshooting

Reference

  • Types reference
  • Errors reference
  • Entry-point reference

Documentation

Everything you need to use Attaform.

A type-safe, Zod-first form library for Vue 3 and Nuxt.

$ pnpm add attaform zod$ npm install attaform zod$ yarn add attaform zod$ bun add attaform zod$ pnpm add attaform zod
Quick start

Quick start

Install, wire up, ship a working form in under five minutes.

Read more

API reference

Every public export with signatures and return shapes, grouped by import path.

Read more

Troubleshooting

Common gotchas: type-inference failures, SSR hydration mismatches, v-register on the wrong root.

Read more

Performance

How Attaform scales. When to worry. Microbenchmarks.

Read more
Attaform

A type-safe, Zod-first form library for Vue 3 and Nuxt.

v0.27.6 · MIT

Resources

  • Documentation
  • Demos
  • API reference

Community

  • GitHub
  • npm
  • Issues

Project

  • Changelog
  • Releases
  • License

© 2026Oswald Chisala·MIT License

Made with·Built withVue+Nuxt