AutoForm is a React component library that automatically renders forms from existing data schemas.
The tool solves the problem of repetitive form boilerplate by mapping schema fields directly to input components and wiring up validation automatically. It works by accepting a schema (from Zod, Yup, Joi, or other validation libraries) and generating a complete form without manual field binding. The approach keeps the underlying form library and schema validation intact, so developers continue using their chosen tools in their normal way while AutoForm handles the mechanical wiring between schema and UI.
AutoForm suits internal tools, admin panels, and straightforward forms where a schema already exists for backend validation. It works with popular UI libraries including Material UI, shadcn/ui, Mantine, Ant Design, and Chakra UI, and supports multiple form libraries such as React Hook Form and TanStack Form. The tool is not intended as a full-featured form builder for complex, highly customized forms; it provides escape hatches through field configuration and renderer customization for cases that outgrow its defaults, but developers needing extensive customization should consider building on top of it or using alternatives designed for that purpose.
The project uses a TurboRepo monorepo structure and maintains a documented changelog through changesets. Development includes component testing via Cypress and a documentation website that runs alongside the package during local development. The codebase is written in TypeScript.
