YouTubeWatch Formity in Action

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.

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