Loading
🌟 Automatically render forms for your existing data schema
Items
Free to install
Behind a key
Last push
29 days ago
3,485 stars. Both figures are GitHub's about this repository, not ones this index measured.| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Custom Fields Democustom-fields-demo | Uses custom field components for sliders, color pickers, radios, dates, and file uploads. | Blocks | Unverified | 8 deps · 2 files | |
| Dialog Submit Demodialog-submit-demo | Demonstrates submitting and resetting AutoForm from buttons inside a Dialog using useFormContext and createFormControl. | Blocks | Unverified | 6 deps · 2 files | |
| Ecommerce Checkout Demoecommerce-checkout-demo | Checkout form demonstrating field dependencies: cascading country/state selects, conditional coupon and shipping fields, and cross-field superRefine validation. | Blocks | Unverified | 5 deps · 2 files | |
| Interactive Schema Demointeractive-schema-demo | A dynamic form builder combining Monaco Editor with AutoForm for interactive, real-time form generation from a Zod schema string. | Blocks | Unverified | 7 deps | |
| Multistep Form Demomultistep-form-demo | A multi-step form with per-step validation, breadcrumb navigation, and collected submission. | Blocks | Unverified | 5 deps · 2 files | |
| Nested AutoForm Demonested-autoform-demo | Shows how to use a nested AutoForm inside a Dialog as a custom field component. | Blocks | Unverified | 5 deps | |
| Realtime Validation Demorealtime-validation-demo | Shows real-time form validation with a disabled submit button until all fields are valid. | Blocks | Unverified | 4 deps | |
| TanStack Custom Fields Demotanstack-custom-fields-demo | Uses TanStack custom field components for steppers, radio cards, dates, sliders, color pickers, and file uploads. | Blocks | Unverified | 7 deps · 2 files | |
| TanStack Dialog Submit Demotanstack-dialog-submit-demo | Demonstrates submitting and resetting TanStack AutoForm from buttons inside a Dialog using useFormContext and an external formControl. | Blocks | Unverified | 6 deps · 2 files | |
| TanStack Ecommerce Checkout Demotanstack-ecommerce-checkout-demo | Checkout form demonstrating TanStack subscriptions for cascading selects, conditional coupon fields, gift messages, and shipping fields. | Blocks | Unverified | 4 deps · 2 files | |
| TanStack Interactive Schema Demotanstack-interactive-schema-demo | A dynamic TanStack form builder combining Monaco Editor with AutoForm for interactive, real-time form generation from a Zod schema string. | Blocks | Unverified | 6 deps | |
| TanStack Multistep Form Demotanstack-multistep-form-demo | A TanStack multi-step form with per-step schemas, breadcrumb navigation, and collected submission. | Blocks | Unverified | 5 deps · 2 files | |
| TanStack Nested AutoForm Demotanstack-nested-autoform-demo | Shows how to use a nested TanStack AutoForm inside a Dialog as a custom field component. | Blocks | Unverified | 4 deps | |
| TanStack Realtime Validation Demotanstack-realtime-validation-demo | Shows real-time TanStack Form validation state with a disabled submit button until the form can submit. | Blocks | Unverified | 4 deps |
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| AutoForm React (React Hook Form)autoform-react-source-rhf | Core AutoForm renderer wired to React Hook Form. Installs the full @autoform/react source for the RHF adapter so you can modify it freely. | Utilities | Unverified | 3 deps · 11 files | |
| AutoForm React (TanStack Form)autoform-react-source-tanstack | Core AutoForm renderer wired to TanStack Form. Installs the full @autoform/react source for the TanStack adapter so you can modify it freely. | Utilities | Unverified | 2 deps · 11 files |