@norbiros/nuxt-auto-form

Auto-generate Nuxt UI forms from Zod 4 schemas
9,137 58
Install
npm install @norbiros/nuxt-auto-form
Latest Version:0.6.3
Vue:3
License:MIT
Last Updated:Aug 22, 2026
Links: GitHub  ·  npm
Maintainer: norbiros

🧾 Nuxt Auto Form

npm version License Nuxt

Auto-generate Nuxt UI forms from Zod 4 schemas

[!WARNING] This module is in beta. All ideas/suggestions/bug reports are welcome!

Features

  • ❤️ 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.

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add @norbiros/nuxt-auto-form

That's it! You can now use Nuxt Auto Form in your Nuxt app ✨

Contribution

# Install dependencies
pnpm install

# Generate type stubs
pnpm dev:prepare

# Develop with the playground
pnpm dev

# Develop documentation
pnpm docs:dev

# Run ESLint
pnpm lint
pnpm lint:fix

# Run e2e tests
pnpm e2e

# Release new version
pnpm run release

License

Made with 💚

Published under the MIT License.

Related Packages

nuxt-ui-formwerk

Formwerk-powered form components for Nuxt UI: schema validation, field-level sta...

5,392 5
nuxt-ui-colors-no-inline

Nuxt module that ensures nuxt-ui-colors CSS generated by Nuxt UI respects the Nu...

1,609 2
nuxt-precognition

Nuxt module implementing Precognition protocol (inspired by official Laravel Pre...

3,621 18
@sfxcode/nuxt-ui-mongocamp

A Nuxt module that wraps @sfxcode/nuxt-mongocamp-server with ready-made UI compo...

2,592 1

Version History

Version Released License
0.6.3 MIT
0.6.2 MIT
0.6.1 MIT
0.6.0 MIT
0.5.0 MIT