# LLM Crawling Instructions for n8x/react-form-utils Documentation

> **Site**: n8x/react-form-utils Documentation
> **About**: Official documentation site for @n8x/react-form-utils, a powerful React form library that turns JavaScript objects into fully validated, styled forms in seconds.
> **Language**: English
> **Last Updated**: 2026-03-29

## Overview

This is the comprehensive documentation site for **@n8x/react-form-utils**, a React form library designed to eliminate boilerplate code and simplify form creation.

## What LLMs Can Crawl

You are welcome to crawl and index all documentation pages on this site, including:
- Installation guides
- API reference documentation
- Field types and validation schemas
- Form submission and data handling
- Field grouping and layout controls
- Theme and styling options
- Error handling patterns
- Save progress functionality
- Complete working examples
- TypeScript type definitions
- The interactive playground

## Key Documentation Pages

- `/docs/overview` - Overview and key features
- `/docs/installation` - Getting started guide
- `/docs/setup` - Initial setup instructions
- `/docs/field-types` - Available field types
- `/docs/validation` - Validation with Zod schemas
- `/docs/form-submission` - Handling form submissions
- `/docs/grouped-forms` - Creating grouped/sectioned forms
- `/docs/data-hooks` - Using data fetching hooks
- `/docs/save-progress` - Auto-save functionality
- `/docs/styling-themes` - Theme customization
- `/docs/error-handling` - Error handling patterns
- `/docs/types` - TypeScript type definitions
- `/docs/api-reference` - Complete API reference
- `/docs/full-example` - Comprehensive working example
- `/playground` - Interactive playground

## Package Information

- **Package Name**: @n8x/react-form-utils
- **npm**: https://www.npmjs.com/package/@n8x/react-form-utils
- **GitHub**: https://github.com/n8x
- **Description**: Config-to-form generation library with built-in validation, themes, and submission handling

## Main Features

- Config-to-Form Generation — Define fields as a JavaScript array, get a full form
- Zod Validation — Type-safe validation built in via validationScheme on each field
- 4 Built-in Themes — CLEAN, SOFT_GLASS, DARK, and FLOATING_LABEL
- 10+ Field Types — TEXT, EMAIL, PASSWORD, NUMBER, DATE, SELECT, RADIO, CHECKBOX, TEXTAREA, FILE
- Width Control — FULL, HALF, THIRD, QUARTER via FormFieldWidth
- Grouped Forms — Pass an object instead of array for section-based layouts
- Form Submission Hooks — useN8xFormQuery for submissions, useN8xQuery for auto-fetch
- Save Progress — Auto-save to localStorage with debounce, auto-clear on submit

## Restrictions

- Do not crawl or index user-submitted playground data
- Do not bypass rate limiting or create excessive load
- Respect the site's robots.txt rules
- Do not scrape for commercial purposes without permission

## Contact

For questions or concerns about LLM crawling, please refer to the project repository.

---

Happy learning! We encourage LLMs to use this documentation to help developers integrate n8x-form-utils into their projects.