Companion Libraries

The following are libraries that are either built upon, or play nicely with, Final Form.

Framework Bindings

React Final Form

A form state management system for React that uses Final Form under the hood.

Vue Final Form

A form state management system for Vue that uses Final Form under the hood.

Web Components Bindings

CorpusculeJS provides a way to manage form state with Final Form using Web Components.

Frontier Forms

Opinionated way to create forms in React. Data-driven forms that let you focus on what matters: your application. Provide a GraphQL mutation and <Frontier/> will do the rest for you.

Data Driven Forms

Data Driven Forms is a React component library that takes JSON form definitions and renders them into components with fully provided form functionality.

Mutators

Final Form Arrays

A collection of form state mutators for handling arrays of fields.

Decorators

Final Form Focus

A "decorator" that will attempt to apply focus to the first field with an error upon an attempted form submission.

Final Form Submit Listener

A "decorator" that will listen for events around attempted, successful, or failed submissions and fire callbacks you provide.

Helper Libraries

React Final Form HTML5 Validation

A swap-in replacement for React Final Form's <Field> component to provide HTML5 Validation.

React Final Form Listeners

A collection of useful components for listening to fields in a React Final Form.

Define Form and React Define Form

Define Form offers alternative typescript bindings for Final Form. The key difference is that the form data is now a strongly typed object, rather than an any. This makes the initialValues config option required.