Formik.js

Build forms in React, without the tears.

[![Stable Release](https://img.shields.io/npm/v/formik.svg)](https://npm.im/formik) [![Blazing Fast](https://badgen.now.sh/badge/speed/blazing%20%F0%9F%94%A5/green)](https://npm.im/formik) [![gzip size](http://img.badgesize.io/https://unpkg.com/formik@latest/dist/formik.esm.js?compression=gzip)](https://unpkg.com/formik@latest/dist/formik.esm.js) [![license](https://badgen.now.sh/badge/license/Apache-2.0)](./LICENSE) [![Discord](https://img.shields.io/discord/769256827007139912.svg?style=flat-square)](https://discord.gg/pJSg287) **Visit [https://formik.org](https://formik.org) to get started with Formik.** ## Organizations and projects using Formik [List of organizations and projects using Formik](https://github.com/jaredpalmer/formik/issues/87) ## Authors - Jared Palmer [@jaredpalmer](https://twitter.com/jaredpalmer) - Ian White [@eonwhite](https://twitter.com/eonwhite) ## Contributing This monorepo uses `yarn`, so to start you'll need the package manager installed. To run E2E tests you'll also need Playwright set up, which can be done locally via `npx playwright install`. Afterward, run `yarn start:app` and in a separate tab run `yarn e2e:ui` to boot up the test runner. When you're done with your changes, we use [changesets](https://github.com/changesets/changesets) to manage release notes. Run `yarn changeset` to autogenerate notes to be appended to your pull request. Thank you! ## Contributors Formik is made with <3 thanks to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)): | [

_{Jared Palmer}](http://jaredpalmer.com)
[💬](#question-jaredpalmer "Answering Questions") [💻](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Code") [🎨](#design-jaredpalmer "Design") [📖](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Documentation") [💡](#example-jaredpalmer "Examples") [🤔](#ideas-jaredpalmer "Ideas, Planning, & Feedback") [👀](#review-jaredpalmer "Reviewed Pull Requests") [⚠️](https://github.com/jaredpalmer/formik/commits?author=jaredpalmer "Tests") | [

_{Ian White}](https://www.stardog.io)
[💬](#question-eonwhite "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aeonwhite "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Code") [📖](https://github.com/jaredpalmer/formik/commits?author=eonwhite "Documentation") [🤔](#ideas-eonwhite "Ideas, Planning, & Feedback") [👀](#review-eonwhite "Reviewed Pull Requests") | [

_{Andrej Badin}](http://andrejbadin.com)
[💬](#question-Andreyco "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AAndreyco "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=Andreyco "Documentation") | [

_{Adam Howard}](http://adz.co.de)
[💬](#question-skattyadz "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askattyadz "Bug reports") [🤔](#ideas-skattyadz "Ideas, Planning, & Feedback") [👀](#review-skattyadz "Reviewed Pull Requests") | [

_{Vlad Shcherbin}](https://github.com/VladShcherbin)
[💬](#question-VladShcherbin "Answering Questions") [🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AVladShcherbin "Bug reports") [🤔](#ideas-VladShcherbin "Ideas, Planning, & Feedback") | [

_{Brikou CARRE}](https://github.com/brikou)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Abrikou "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=brikou "Documentation") | [

_{Sam Kvale}](http://skvale.github.io)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Askvale "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=skvale "Code") [⚠️](https://github.com/jaredpalmer/formik/commits?author=skvale "Tests") | | :---: | :---: | :---: | :---: | :---: | :---: | :---: | | [

_{Jon Tansey}](http://jon.tansey.info)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Ajontansey "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=jontansey "Code") | [

_{Tyler Martinez}](http://slightlytyler.com)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3Aslightlytyler "Bug reports") [📖](https://github.com/jaredpalmer/formik/commits?author=slightlytyler "Documentation") | [

_{Tobias Lohse}](http://MrLoh.se)
[🐛](https://github.com/jaredpalmer/formik/issues?q=author%3AMrLoh "Bug reports") [💻](https://github.com/jaredpalmer/formik/commits?author=MrLoh "Code") | This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome! ## Related - [TSDX](https://github.com/jaredpalmer/tsdx) - Zero-config CLI for TypeScript used by this repo. (Formik's Rollup configuration as a CLI) --- [Apache 2.0 License.](https://github.com/jaredpalmer/formik/blob/master/LICENSE)

	Stars	Issues	Version	Updated	Created
final-form	2,985	114	4.20.10	9 months ago	7 years ago
formik	33,541	810	2.4.6	10 days ago	7 years ago
material-ui	91,715	1,809	0.20.2	6 years ago	10 years ago
react-hook-form	39,681	54	7.51.4	19 hours ago	5 years ago
redux-form			8.3.10	a year ago	9 years ago

final-form vs formik vs material-ui vs react-hook-form vs redux-form

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past