Grid
FormBuilder

Schema-driven Form

Generate a contact form from a reusable React Hook Form field configuration.

Powered by

React Hook Forms

React Hook Forms

Preview

A form from a schema

Tell us what’s on your mind.

A contact form generated from a reusable field configuration.

This is your public display name.

(e.g., Portrait, Artistic Style, Jewellery)

This is your public display trigger words.

Interactive responsive preview
Drag handles on right and bottom to resize

Building this pattern

Define fields in the registry’s form-data configuration, then pass them to FormBuilder with a submit handler. The shared controls use the same focus, spacing, and validation styles as the rest of the directory.

Turnstile Verification Form

A contact interface with verification, disabled-submit, and completion states.

TanStack Form Fields

Compose typed fields and validation into a reusable form foundation.

On this page

PreviewBuilding this pattern