# Form, Please

Typed, schema-validated React forms that keep native HTML semantics and your design system.

- [Form, Please](/index): Build typed, schema-validated React forms with React Hook Form state and your own design system.
- [Get started](/get-started): Install Form, Please and submit a schema-validated React form.
- [Use with AI agents](/ai-agents): Install the Form, Please skill and give compatible coding agents current project guidance.
- [Form kits](/form-kits): Create a project form kit with typed controls and accessible structural slots.
- [Definitions](/definitions): Describe fields, sections, arrays, reusable fragments, derived UI, and selectable options in one typed tree.
- [Validation and submission](/validation): Understand Standard Schema validation, transformed output, errors, and focus behavior.
- [Styling](/styling): Add responsive layout, theme structural elements, and replace markup when CSS is not enough.
- [Conditional fields](/conditional-fields): Derive visibility, interaction state, content, and control props from values and context.
- [Arrays](/arrays): Build repeatable object rows, nested arrays, validation, and custom array actions.
- [Production recipes](/recipes): Compose custom UI, manage edit baselines, submit safely, handle remote state, preserve accessibility, and test public behavior.
- [Product workflows](/workflows): Build typed multi-step forms, review screens, navigation guards, server issue mapping, and submit actions as application code.
- [Resource state](/resources): Represent application-owned request state and map it into form UI.
- [Value middleware](/middleware): Derive dependent values, cancel managed changes, inspect transactions, and run work after a synchronous commit.
- [Form persistence](/persistence): Restore and autosave editable form drafts through an application-owned storage adapter.
- [Managed value history](/history): Add grouped undo, redo, seek, and in-memory journal transfer to managed form updates.
- [Examples](/examples/): Explore design-system integrations and production-shaped forms built on the React Hook Form runtime.
- [History workflow](/examples/history): Try grouped undo, redo, seek, journal export and import, and clearing history on a live form.
- [Query string persistence](/examples/persistence): Try restore, debounced autosave, flush, and clear with a nuqs query string adapter.
- [Material UI with Yup](/examples/mui-yup): Use the official Material UI preset to build and validate a conference proposal with Yup.
- [Shadcn with Valibot](/examples/shadcn-valibot): Build an application-owned shadcn adapter and validate a workshop proposal with Valibot.
- [Async multiselect](/examples/async-multiselect): Build a searchable multiselect that stores typed IDs and loads validated options from an API.
- [Research grant application](/examples/research-grant): A branching grant form with registry search, preserved conditional values, live preview, cross-field validation, and two fake requests.
- [Creative studio policies](/examples/studio-policies): A policy editor with an asynchronous catalog in context, nested rules, movable equipment rows, cross-state validation, and two writes.
- [Makerspace launch wizard](/examples/makerspace-launch): A four-stage form with remote address resolution, coordinates, media, capacity pricing, promotions, and sequential publishing.
- [Learning cohort editor](/examples/learning-cohort): A cohort editor with remote title suggestions, configuration and price arrays, media, four offer sections, and recoverable save conflicts.
- [Membership ladder](/examples/membership-ladder): A four-tier membership editor with nested benefit arrays, cross-tier validation, workspace connection, and pause shortcuts.
- [Campaign builder](/examples/campaign-builder): A create-or-edit campaign form with seven conditional templates, shared audience and scheduling, payment variants, and fake mutations.
- [API](/api): Public entries, form-kit methods, controls, components, and resource helpers with type-checked examples.
- [TypeScript](/types): Public types for schema values, paths, definitions, controls, form bindings, managed updates, slots, and resources.
- [FAQs](/faqs): Answers about validation, submission, hidden values, async data, React Hook Form, context, and form lifetime.