🧾 Nuxt Auto Form

Auto-generate Nuxt UI forms from Zod 4 schemas

Warning

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

• ✨  Release Notes
• 📖  Documentation
• 👾  Playground

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.