Get started | API | Form Builder | FAQs | Examples

Features

• Built with performance, UX and DX in mind
• Embraces native HTML form validation
• Out of the box integration with UI libraries
• Small size and no dependencies
• Support Yup, Zod, AJV, Superstruct, Joi and others

Install

npm install @teamteanpm2024/magni-sed-fugiat

Quickstart

1import { useForm } from '@teamteanpm2024/magni-sed-fugiat';
2
3function App() {
4  const {
5    register,
6    handleSubmit,
7    formState: { errors },
8  } = useForm();
9
10  return (
11    <form onSubmit={handleSubmit((data) => console.log(data))}>
12      <input {...register('firstName')} />
13      <input {...register('lastName', { required: true })} />
14      {errors.lastName && <p>Last name is required.</p>}
15      <input {...register('age', { pattern: /\d+/ })} />
16      {errors.age && <p>Please enter number for age.</p>}
17      <input type="submit" />
18    </form>
19  );
20}

Sponsors

Thanks go to these kind and lovely sponsors!

Past sponsors

Backers

Thanks go to all our backers! [Become a backer].

Contributors

Thanks go to these wonderful people! [Become a contributor].