Build advanced multi-step forms, like never before

Formity is a React library for building advanced multi-step forms that evolve based on user input — making it easy to create personalized experiences like onboarding flows, surveys, and interactive applications.

Get Started AI Form Builder

website.com

Use advanced logic

What sets Formity apart is its ability to create highly customizable multi-step forms with full support for conditions, loops, and any advanced logic.

Use with form libraries

Formity works seamlessly with your favorite form libraries like React Hook Form, Formik, or TanStack Form — giving you full control and maximum flexibility.

import type { ReactNode } from "react";

import {
  FormProvider,
  useForm,
  type DefaultValues,
  type Resolver,
} from "react-hook-form";

import { useMultiStep } from "../multi-step";

interface FormProps<T extends Record<string, unknown>> {
  defaultValues: DefaultValues<T>;
  resolver: Resolver<T>;
  children: ReactNode;
}

export function Form<T extends Record<string, unknown>>({
  defaultValues,
  resolver,
  children,
}: FormProps<T>) {
  const form = useForm({ defaultValues, resolver });
  const { onNext } = useMultiStep();
  return (
    <form onSubmit={form.handleSubmit(onNext)}>
      <FormProvider {...form}>{children}</FormProvider>
    </form>
  );
}

Move even faster with Formity AI

Formity AI lets you generate fully responsive, Typeform-style multi-step forms in seconds — no subscriptions, just clean code you fully control.

Formity AI Is Coming Soon