Yet Another FormMinimal and Performant Form State Management

Get Started

View on GitHub

📦

Tiny Bundle Size

Focused on being the smallest form management library. Every byte counts!

⚡️

Simple API

Clean and intuitive hooks-based API that feels natural in React applications.

✅

Powerful Validation

Support for both synchronous and asynchronous validation at form and field levels.

🎯

TypeScript Support

Fully typed with comprehensive TypeScript definitions out of the box.

🔄

Auto-Subscribable

Smart re-rendering - components only update when the data they use changes.

🎨

Framework Agnostic Core

Core logic is framework-independent with React bindings included.

Quick Example

jsx

import { useForm } from 'yet-another-form/react'

const AddUser = ({ onAddUser }) => {
  const { Form, setValue, values } = useForm({
    onSubmit: onAddUser,
  })

  return (
    <Form>
      <input name="name" onChange={setValue} value={values.name} />
      <input name="email" onChange={setValue} value={values.email} />
      <button>Add user</button>
    </Form>
  )
}

Installation

npmyarnpnpm

bash

npm install yet-another-form

bash

yarn add yet-another-form

bash

pnpm add yet-another-form

Yet Another FormMinimal and Performant Form State Management

Tiny Bundle Size

Simple API

Powerful Validation

TypeScript Support

Auto-Subscribable

Framework Agnostic Core

Quick Example ​

Installation ​

Quick Example

Installation