Getting Started

Introduction

Nuxt Auto Form allows to generate Nuxt UI form based on your Tailwind schema.
This module is in early development. Many features are missing and the API may change.

Tired of Boilerplate in Form Development?

Meet nuxt-auto-form - a powerful solution for generating fully customizable forms in Nuxt 3, directly from your Zod schemas.

Ideal for login, registration, profile editing, and more – without repeating yourself.

  • Powered by @nuxt/ui
  • Schema-driven with Zod v4

Save time. Write less. Build faster.

Dependencies

Currently nuxt-auto-form strictly depends on both @nuxt/ui and zod v4. Read more about them below:

Zod v4

TypeScript-first schema validation with static type inference

Nuxt UI

The Intuitive Vue UI Library powered by Reka UI & Tailwind CSS.

Key Features

nuxt-auto-form provides powerful features to simplify and accelerate form development:

  • Powered by Zod & Nuxt UI: Reduce your boilerplate in seconds, without complex rewrites.
  • Schema-Driven Forms: Automatically generates forms based on Zod schemas, ensuring type safety and validation.
  • Good Looking: Leverages Nuxt UI components for a consistent and modern design.
  • Dynamic Field Rendering: Supports various field types, including text inputs, selects, checkboxes, and more.
  • Customizable: Easily customize any button, field and input