Use Form provides you with a simple way to create forms with React

yarn add @use-form/use-form


Looking to create a form that can handle onSubmit, onChange, or debounced events? With UseForm, you have the power to create forms with custom fields and validation rules. UseForm lets you create forms that can be used in either controlled or uncontrolled mode, giving you the flexibility to design the form that best fits your needs. So why wait? Start creating powerful forms with UseForm today!


Less code. UseForm is the easiest way to create forms with React. Create a form and use it wherever you want, don't worry with React Context, or Redux. You can share your form with other components just by using the hook created by createForm function.


Just one render. There are many form libraries, most of which are heavy, and allow you to create just one kind of form, but with UseForm you can fulfill and submit a form with just one render.

Less code

Trust us, you will not find another better way to write forms in ReactJS, write less code, use it wherever you want. You don't need to add a function to handle all needed events in an input, you just need to use the register function.Read more

const useForm = createForm({
initialValues: {
name: "Jesse Woodson James",
email: "",
bio: ""
mode: "onChange",
const Controlled: React.FC = () => {
const { register } = useForm({
onChange: (e) => console.log(e)
return (