YouTubeWatch Formity in Action

React Multi-Step Forms Where Logic Has No Limits

Formity is a React library for building advanced multi-step forms where you have full control over the flow — use variables, conditions, loops, and any logic you need to make your forms as dynamic as you want.

website.com

What is your name?

midudev

midudev

YouTuber - 500k+ subscribers

I highly recommend Formity for creating multi-step forms. It saves you from building it yourself, which is an enormous pain. After building these a million times myself, it's awesome to finally see one that handles everything so well.

Watch on YouTube
Hamed Bahram

Hamed Bahram

YouTuber - 200K+ subscribers

With Formity's pattern for steps, logic, and animations, you can give your coding agent a skill for building multi-step forms - so any time you need one, your forms are way more consistent and follow the same structure.

Watch on YouTube

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.

Are you working?

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 UI

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

Explore Formity UI