Build dynamic React forms powered by JSON schemas, modifiers, and subforms. Create complex, adaptive form systems without boilerplate — designed for scale, simplicity, and composability.

ReactFast Forms makes building complex forms simple. Define your fields as JSON, add conditional logic with rules and triggers, and let ReactFast Forms handle the rest. Perfect for surveys, applications, data collection, and any form‑heavy application.

Quick start

Get ReactFast Forms running in your project in under 5 minutes.

Installing dependencies

Install ReactFast Forms and its peer dependencies:

npm install @reactfast/forms react react-dom

ReactFast Forms requires React 18+ and React DOM 18+ as peer dependencies.

Your first form

Create a simple form with just a few lines of code:

import { useState } from "react";
import { FastForm, createFormHandler } from "@reactfast/forms";

const fields = [
  { name: "firstName", title: "First Name", type: "string", width: 50 },
  { name: "lastName", title: "Last Name", type: "string", width: 50 },
  { name: "email", title: "Email", type: "email", width: 100 },
  { name: "subscribe", title: "Subscribe?", type: "boolean", width: 100 },
];

export default function App() {
  const [formData, setFormData] = useState({});

  const handleChange = createFormHandler({
    fields,
    setState: setFormData,
  });

  return (
    <FastForm
      fields={fields}
      onChange={handleChange}
      formData={formData}
    />
  );
}

That's it! You now have a fully functional form with validation, responsive layout, and state management.

Key features

ReactFast Forms comes packed with features that make form building effortless:

⚡ Controlled forms

Simple value/onChange pattern like React inputs, but with automatic state management.

🧩 Composable architecture

Each field is a reusable React component that you can customize or extend.

🔄 Advanced conditional logic

Dynamic show/hide, disable, and field dependencies with a powerful rules system.

📱 Responsive layout

Automatic width handling with Tailwind classes — no CSS required.

🧱 Subforms & arrays

Nested or repeated field groups are first-class citizens.

🎨 Theming-ready

Customize UI with Tailwind or your own design system.

🔌 Extensible

Register your own field components via registerField().

Built-in field types

ReactFast Forms includes 20+ field types ready to use:

And many more! See the Field Types documentation for the complete list.

Getting help

Need help getting started or have questions about ReactFast Forms?

Submit an issue

Found a bug or have a feature request? We'd love to hear from you:

• 🐛 Report a bug
• 💡 Request a feature
• 📖 View documentation

Join the community

Connect with other ReactFast Forms users and contributors:

• ⭐ Star the repository
• 💬 Join discussions
• 🤝 Contribute to the project

ReactFast Forms is maintained by Jonathon McClendon and the open source community. We welcome contributions and feedback!