A favicon of Auto Form

Auto Form

AutoForm: A library to automatically create UI forms from data schemas (e.g., Zod), supporting various UI libraries like MUI and Mantine.

A screenshot of Auto FormVisit

AutoForm: Streamlined Form Creation from Data Schemas

AutoForm is a versatile library that empowers developers to automatically construct user interface forms directly from their pre-existing data schemas, such as those defined using Zod. It's particularly useful for rapidly deploying forms for internal applications or administrative panels where data structures are already established. AutoForm integrates with various UI frameworks, including Material UI and Mantine, and originated as a shadcn/ui component, promoting quick development cycles.

Features:

  • Schema-to-Form Automation: Dynamically generates forms from data schemas like Zod, minimizing manual UI coding.
  • UI Library Integration: Supports integration with popular UI libraries such as Material UI and Mantine through dedicated packages.
  • Schema Agnosticism: Designed with a core that aims to be compatible with multiple schema definition libraries.
  • Field-Level Customization: Allows developers to tailor the rendering of individual form fields using options like fieldConfig.
  • Extensible Architecture: Offers mechanisms for deeper customization and can be extended for complex scenarios, as seen with AutoForm YAML.
  • Zod Schema Support: Provides an official @autoform/zod package for straightforward use with Zod schemas.
  • React Compatibility: Includes an @autoform/react package for easy integration into React-based projects.
  • Submission Handling: Features an onSubmit callback to process form data upon submission.
  • Automatic Submit Button: A withSubmit prop can be used to conveniently add a submit button to the form.
  • shadcn/ui Heritage: Evolved from a popular shadcn/ui component, with the original version still accessible for specific use cases.
  • Development Workflow: Utilizes a TurboRepo monorepo setup for efficient package management and development.
  • Release Management: Employs changesets for versioning and publishing new releases.

Summary:

AutoForm simplifies the development workflow by automatically generating interactive UI forms from your defined data schemas. It is an excellent choice for quickly building forms for internal systems or admin interfaces where schemas are already in place. The library is engineered for extensibility, supporting various UI and schema libraries, and offers a blend of rapid development speed with sufficient customization capabilities for developers seeking efficient form-building tools.

Distribution:
opensource
GitHub:
3,267 Stars
142 Forks
Share:

 

  
 

Similar to Auto Form: