OSS Tanbou
View on GitHubProject website

AutoForm — generate React forms from existing data schemas

OSS scale score 186.5OSS health 66Update pace 0 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
3,494
Primary language
TypeScript
License
MIT
Repository last updated
Jul 15, 2026

Overview

AutoForm builds React forms from schemas that already describe application data, such as Zod. It reduces repetitive field wiring and validation setup while letting teams choose their form engine and UI integration.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Build fields and validation from a schema

Schema providers for Zod, Yup, and Joi map schema fields into form inputs and connect validation to the selected form engine.

Sources: [2][3]

Choose the form engine and UI integration

AutoForm supports React Hook Form or TanStack Form and official UI integrations including shadcn/ui, Material UI, Mantine, Ant Design, and Chakra UI.

Sources: [2][3]

Useful for routine forms in admin and internal applications

It fits CRUD and settings interfaces where an existing API schema can also become the source for form structure and validation.

Sources: [2]

Treat complex forms as customization work

AutoForm is not intended to cover every form-builder edge case. Conditional flows and specialized inputs may require fieldConfig, custom fields, or renderer customization.

Sources: [2][4]

Official sources

  1. [1]vantezzen/autoform repository(2026-09-21)
  2. [2]AutoForm README(2026-09-21)
  3. [3]AutoForm React getting started(2026-09-21)
  4. [4]AutoForm React customization(2026-09-21)
  5. [5]AutoForm MIT license(2026-09-21)
Supplemental curator note

AutoForm is especially useful when an API or backend already has schemas such as Zod that can also drive form generation. Complex conditional flows and custom inputs may still require fieldConfig or custom components. In Next.js, the form that owns the schema must run as a client component.

Try it in 3 steps

  1. 1

    Install the form engine and Zod integration

    This is the minimal React Hook Form path. Use a Zod version newer than 3.25.0.

    npm install @autoform/react react-hook-form @hookform/resolvers @autoform/zod zod
  2. 2

    Add the shadcn/ui AutoForm integration

    Add the official React Hook Form AutoForm component from the shadcn registry.

    npx shadcn@latest add https://raw.githubusercontent.com/vantezzen/autoform/refs/heads/main/packages/shadcn/registry/autoform-rhf.json
  3. 3

    Pass an existing schema to the form

    Wrap the existing schema in ZodProvider and pass it to AutoForm. In Next.js, keep the schema-owning form in a client component.

    new ZodProvider(schema) → <AutoForm schema={schemaProvider} withSubmit />
Check the official README

Growth

Growth trends · Last 30 days

3,494 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
0
Open PRs
3

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • form-validation
  • react
  • react-component
  • shadcn-ui
Stars
3,494
Forks
148
Watchers
15
Open issues
15
Contributors
26
Primary language
TypeScript
License
MIT
Repository last updated
Jul 15, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.

AutoForm — Generate React Forms from Existing Data Schemas | OSS Tanbou