Formkit is live · free plan; paid plans on request · last verified 6 Nov 2026 · viability healthy
Formkit
FormKit is a React form framework built so coding agents can generate complex, nested forms with no bindings and no manual state wiring.
FormKit solves a specific problem well: making agent-generated React forms cheap to produce and easy to review. One <FormKit> primitive plus self-nesting groups removes the glue code where generated forms usually break, and describeForm() in v2.3.0 gives your agent or test suite a JSON read of the form's fields, rules, and validity. The tradeoff is scope — you are committing to React, and the inputs people reach for most (Autocomplete, Datepicker, Currency) sit in the Pro tier. For one-field forms native HTML is enough; for nested multi-step forms written by agents, React Hook Form plus manual wiring is more work to keep consistent.
Verdict generatedVerified 7d ago · liveness 74/100 · cite: rightaichoice.com/tools/formkit
- React teams using AI coding agents to generate complex, nested forms
- Multi-step and nested group forms that need stable, predictable state
- Settings, onboarding, and profile forms with grouped fields
- Projects wanting one consistent input API instead of mixed form patterns
- Non-React projects — the framework targets React (and Vue)
- Single-input or trivial forms where native HTML elements are enough
- Teams unwilling to license Pro for Autocomplete, Datepicker, or Currency
We scan live Reddit threads, YouTube comments, X posts, G2 reviews and other communities — and hand you an honest verdict in under a minute.
- Honest verdict, not marketing
- Real pros & cons from real users
- Attributed quotes with receipts
3 free scans · no card needed
Skip FormKit if your forms are single-field or your stack isn't React or Vue, since the value here is auto-nested data and co-located validation across many fields.
The inputs most teams reach for on a real product — Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, Taglist — sit in Pro, so a form that starts free can need a Pro license once rich
FormKit's Core tier is MIT-licensed and covers basic inputs plus Repeater, Toggle, Toggle Buttons, Transfer List, and Unit, which fits side projects and simple settings forms. Teams whose forms need Autocomplete, Datepicker, Currency, or Slider are pushed to the Pro tier — worth comparing against a free open-source form library where you'd hand-wire those inputs yourself.
In short
Formkit — FormKit is a React form framework built so coding agents can generate complex, nested forms with no bindings and no manual state wiring. Best for React teams using AI coding agents to generate complex, nested forms, Multi-step and nested group forms that need stable, predictable state, Settings, onboarding, and profile forms with grouped fields. Free to start; it also has paid plans whose price we could not confirm — see the pricing table.
What is Formkit?
Formkit — FormKit is a React form framework built so coding agents can generate complex, nested forms with no bindings and no manual state wiring. Best for React teams using AI coding agents to generate complex, nested forms, Multi-step and nested group forms that need stable, predictable state, Settings, onboarding, and profile forms with grouped fields. Free to start; it also has paid plans whose price we could not confirm — see the pricing table.
FormKit is a React form framework built around a single primitive. You drop one <FormKit> component wherever a field belongs, pass a type like text, email, select, or checkbox, and the framework handles validation, submission, and composition for you. The pitch is deliberately narrow: forms are predictable enough that an AI coding agent can generate them correctly, without the bindings, event handlers, and ad-hoc state stores agents usually get wrong. Every input comes from the same API, so generated markup stays reviewable and reusable as your product changes. Nesting is what separates it from a typical form library. Wrap fields in <FormKit type="group" name="address"> and their values land in an address object automatically; a profile form built from account, networks, and preferences groups produces a matching nested data shape with no data modeling on your side. Validation rides on the same line as the input, written as string rules like validation="required|email". The repeater input handles repeating rows such as recipe ingredients or connected networks, with draggable ordering plus add, remove, and move controls. Layout and behavior extend without leaving the API. Schema overrides let you customize generated structure, plugins cover multi-step flows and barcode scanning, and theming plus an i18n locale builder round out production needs. The Pro tier adds inputs including Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, and Taglist, while Repeater, Toggle, Toggle Buttons, Transfer List, and Unit are listed as free. React support arrived in v2.0.0, and the project ships a skill installer (npx formkit skill) aimed at agent workflows. Version 2.3.0 (November 5, 2026) adds describeForm(), a JSON snapshot of any form — fields, labels, rules, options, validity and errors — aimed at AI agents, generated tests and debugging, with passwords and hidden inputs always redacted.
Key features
- Single <FormKit> component API covers every core input type
- Self-structuring data that auto-nests fields into logical objects at any depth
- Co-located validation written as string rules on the input line
- Nested group inputs without prop-drilling or ad-hoc state stores
- Repeater input with draggable ordering plus add, remove, and move controls
- describeForm() JSON snapshot of fields, labels, rules, options, validity and errors for agents and tests
- Section refs exposing each section's DOM element by key on node.context.refs
- Schema overrides to customize generated form layouts
- Plugin system including Barcode and Multi-step plugins
- CLI skill installer for coding agents (npx formkit skill)
- Pro inputs: Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, Taglist
- Free Pro inputs: Repeater, Toggle, Toggle Buttons, Transfer List, Unit
- React support added in v2.0.0 (April 2, 2026)
- TypeScript support with a predictable input API
- Theming with custom themes and i18n via locale builder, including Norwegian Nynorsk (nn)
Behind the verdict
The strongest thing about FormKit is the constraint it imposes. There is one component, and its type prop decides whether it renders a text input, an email field, a select, a checkbox, or an entire form. Because every input speaks the same API, a coding agent producing that markup has one pattern to follow instead of a per-field mix of register calls, controlled inputs, and custom state. The data shape falls out of the markup: a group named address collects street, unit, city, state, and zip into one object at any depth, and a repeater named networks produces an array of objects. That is the part teams underestimate — the nested output is generated for you rather than modeled by hand, and it stays stable as the form grows. Validation staying on the input line (validation="required|email") is the other structural choice worth noting. Rules live with the field rather than in a separate schema object, which keeps generated code readable in review and keeps a diff localized when a rule changes. On top of that you get schema overrides for layout, plugins for multi-step flows and barcode scanning, theming, and an i18n locale builder — the production concerns that usually force you out of the abstraction. The v2.3.0 release sharpens the agent angle further: describeForm() from @formkit/addons returns a JSON snapshot of any form — fields, labels, rules, options, validity, and errors — with values opt-in and passwords and hidden inputs always redacted. That is useful for generated tests and for agents that need to reason about a form they just produced. Section refs now expose each section's DOM element by key on node.context.refs in both Vue and React, and large forms mount roughly 10% faster (a 450-input form went from 412 to 369 ms). Where it does not fit: this is a React (and Vue) client-side form library, not a hosted form service, so submission goes to your own backend. Trivial single-field forms do not justify the abstraction. Advanced inputs — Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, Taglist — are Pro, while Repeater, Toggle, Toggle Buttons, Transfer List, and Unit are listed as free, so budget for the Pro inputs if your forms need rich entry. Note too that the Vue package's TypeScript surface changed in v2.3.0: <FormKit>'s public type is now only its generic call signature, so templates that were silently any since 2.0 may surface real prop and slot errors, and a few patterns (InstanceType<typeof FormKit>, h(FormKit, props) with an untyped record) now need FormKitRuntimeComponent instead. Runtime behavior is identical.
Limitations
- FormKit targets coding agents and React developers; install via npm/CLI (npx formkit skill) and the framework is a client-side form library rather than a hosted service.
- Advanced inputs — Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, Taglist — are Pro, while the free Core tier covers basic inputs plus Repeater, Toggle, Toggle Buttons, Transfer List, and Unit.
- You own form submission yourself; FormKit handles validation, composition, and structure, not your backend call.
- In v2.3.0 the Vue package's <FormKit> public type is now only its generic call signature, so templates that compiled before may show genuine prop/slot errors in vue-tsc, and a few TypeScript patterns (InstanceType<typeof FormKit>, untyped h(FormKit, props)) now require FormKitRuntimeComponent.
as of 2026-11-06
Researching Formkit? Get your full AI stack in 60 seconds.
Free, no signup — tell us your goal and get tools matched to your budget & existing stack.
Is Formkit still active?
Formkit is live · free plan; paid plans on request · last verified 6 Nov 2026 · viability healthy.
Viability score
How well maintained and how widely used is Formkit? Built from what the vendor actually publishes (docs, changelog, tutorials, integrations, pricing), whether the site is live, and how much real users discuss it. How we calculate this
Last calculated: November 2026
How we score →What's new in Formkit
Checked 7 days agoAcross the latest 3 updates: 2 feature updates and 1 changelog entry.
FormKit 2.3.0: describeForm() for agents and tests, section refs, faster mounts
describeForm() in @formkit/addons returns a JSON snapshot of a form's fields, labels, rules, options, validity and errors, with password and hidden inputs always redacted. Section refs land on node.context.refs for Vue and React, and large forms mount about 10% faster.
FormKit 2.2.1: duplicate id warnings and cheaper mounting
Core now warns about duplicate ids in dev and keeps the newer node registered, inputs no longer mutate user-provided options, and mounting large forms is cheaper.
FormKit 2.2.0: Norwegian Nynorsk locale and bug fixes
Adds a Norwegian Nynorsk (nn) locale. Fixes cover Nuxt auto-import awaiting, a React node-per-utils change, NaN equality in eq(), and ignoring DOM input events after node destruction in Vue.
What do users say about Formkit?
What people actually say about Formkit — is it worth it?
Our community sentiment research written Jul 14, 2026 is more than 90 days old, so it is being re-reviewed against current data and is not shown.
How we verified this
Every listed fact about Formkit — pricing, features, links, status — is re-read from the vendor's own pages by our verification pipeline and each change is logged with a date; the last pass ran on 6 Nov 2026. Analysis is drafted with AI models and checked against our editorial standards before publishing; see how we verify.
Verification history
We have re-verified Formkit 13 times since . Each pass re-reads the vendor's own pages and re-checks every listed field against that evidence; passes where nothing had changed are marked as such.
- — changed pricing page
- — changed pricing tiers, features, who should skip it, summary, setup time, pricing fit, switching out, use cases, switching in, our verdict, description, hidden costs, limitations
- — changed limitations
- — changed summary, pricing tiers, who it suits, our verdict, features, description
- — changed limitations
- — changed SSL certificate
Showing the 6 most recent of 13 verification passes.
Free to cite with attribution — this page re-verifies continuously.
How much does Formkit cost in 2026?
Formkit: Free to start; it also has paid plans whose price we could not confirm — see the pricing table. Pricing last verified 6 Nov 2026.
Plans compared
Every published Formkit tier, its price as the vendor publishes it, who it fits, and what it adds over the tier below. The 12-month cost projection follows.
| Plan | Price | Billing | Who it's for |
|---|---|---|---|
| Core (MIT) | Free | — | React or Vue developers building nested, multi-field forms who only need standard inputs plus Repeater, Toggle, Toggle Buttons, Transfer List, and UnitAdds: Starting tier: MIT-licensed access to the single <FormKit> primitive, auto-nesting groups, co-located string validation, schema overrides, plugins, theming, i18n, and the CLI skill installer |
| Pro | Contact vendor | quote | Teams whose forms need rich data entry — date selection, currency amounts, searchable autocomplete, or masked input — rather than plain text fieldsAdds: Adds the Pro input set on top of Core: Autocomplete, Colorpicker, Currency, Datepicker, Dropdown, Mask, Rating, Slider, and Taglist |
12-month cost
Project the real annual outlay, including the implied monthly cost when only an annual tier is published.
Vendor list price only. Add-on usage, seat overages, and contract minimums are surfaced under Hidden costs & gotchas.
Where the pricing makes sense
The company stage and team size where Formkit's pricing actually pencils out — and where peers do it cheaper.
FormKit's Core tier is MIT-licensed and covers basic inputs plus Repeater, Toggle, Toggle Buttons, Transfer List, and Unit, which fits side projects and simple settings forms. Teams whose forms need Autocomplete, Datepicker, Currency, or Slider are pushed to the Pro tier — worth comparing against a free open-source form library where you'd hand-wire those inputs yourself.
Has Formkit's pricing changed?
No plan price for Formkit has moved since we began logging in Aug 2026; the pricing page is re-read on every verification pass.
Who should pick Formkit?
Pick Formkit if you are React teams using AI coding agents to generate complex, nested forms, Multi-step and nested group forms that need stable, predictable state, Settings, onboarding, and profile forms with grouped fields, Projects wanting one consistent input API instead of mixed form patterns.
Look elsewhere if you are Non-React projects — the framework targets React (and Vue), Single-input or trivial forms where native HTML elements are enough, Teams unwilling to license Pro for Autocomplete, Datepicker, or Currency, Developers who want a lightweight, manually-wired register/handle model.
Skip it if Skip FormKit if your forms are single-field or your stack isn't React or Vue, since the value here is auto-nested data and co-located validation across many fields.
GeneratedReal-world workflow fit
Concrete scenarios for the personas Formkit actually fits — and what changes day-one when you adopt it.
You ask your agent for a shipping form and it emits <FormKit type="form"> with a nested <FormKit type="group" name="address"> wrapping street, unit, city, state, and zip
Outcome: The submitted payload arrives as { full_name, address: { street, unit, city, state, zip } } with no data modeling or bindings written by hand, so the generated code passes review without edits.
You compose a profile page from three group components — account, networks, preferences — where networks is a repeater with draggable ordering and min={1}
Outcome: Each group auto-structures into its own object and the repeater into an array, giving you one stable nested shape that stays intact as fields are added.
You call describeForm() from @formkit/addons to get a JSON snapshot of fields, labels, rules, options, validity, and errors, and read section elements via node.context.refs
Outcome: Tests assert against the form's actual structure rather than DOM selectors, and password and hidden inputs stay redacted in the snapshot by default.
Use cases
- Generate a multi-step shipping form with an address group and grouped street, unit, city, state, and zip fields
- Build a user profile form composed of account, networks, and preferences groups
- Create dynamic repeater fields for adding social network links or recipe ingredients
- Declare validation like required|email on the input line instead of a separate schema
- Override generated form schemas to alter input layout without leaving the API
- Set FormKit up inside an AI agent environment using the CLI skill installer
- Snapshot a generated form with describeForm() for agent reasoning or automated tests
- Assemble forms with autocomplete, datepicker, and repeater inputs for rich data entry
Setup time & first value
How long it actually takes to get something useful out of Formkit — broken out by persona, not the marketing-page minute.
For a React developer already on npm: install the package, drop in one <FormKit type="form"> and a few typed inputs, and you have a validating form in well under an hour. Runs like 'npx formkit skill' set an agent up to generate that markup itself. Adding Pro inputs is where extra time goes — pick them per form rather than retrofitting later.
Switching to or from Formkit
How to bring data in from common predecessors and how to get it back out — written for the switcher, not the buyer.
- →From React Hook Form: replace useForm plus register calls with <FormKit> inputs inside a type="form" parent, moving each field's rules onto validation="required|email"
- →From a hand-rolled controlled-input setup: delete per-field state and handleChange wiring, then wrap related fields in type="group" so the nested object is generated for you
- →From Formik: move each field's rules onto the input line as string validation rules and let FormKit produce the nested values object instead of building it in initialValues
- ↗To React Hook Form: export your nested values shape and re-create each group as a nested schema plus register calls
- ↗To native HTML forms: read the auto-structured values object at submit time and rebuild each input as a plain element with its own validation attributes
Resources & guides
Tutorials & Learning
YouTube returned 6 videos for “Formkit”, and we withheld 5: 5 could not be judged, because “Formkit” is a single word that other videos use for other things. Showing the 1 we can prove is about Formkit.
Official links
What are the best Formkit alternatives?
The closest alternatives to Formkit we list are Moderne, OpenSpec and GitLab Duo. Ranked by direct product-type match, not category overlap.
| Alternative | Pricing | Starts at | Last verified |
|---|---|---|---|
| Moderne | Paid | Pricing not published | — |
| OpenSpec | Free | Free | — |
| GitLab Duo | Freemium | Pricing not published | — |
Alternatives to Formkit
View all
Moderne
Estate-wide code transformation with deterministic recipes and a Lossless Semantic Tree for agents
OpenSpec
OpenSpec is a spec-driven development framework that keeps AI coding agents building the right thing — and proves it.
GitLab Duo
GitLab Duo Agent Platform: policy-governed AI agents that carry code changes through review, security, and CI/CD pipelines
Tools that pair well with Formkit
Common stack mates teams adopt alongside Formkit, with the specific reason each pairing earns its keep.
Moderne
Estate-wide code transformation with deterministic recipes and a Lossless Semantic Tree for agents
OpenSpec
OpenSpec is a spec-driven development framework that keeps AI coding agents building the right thing — and proves it.
GitLab Duo
GitLab Duo Agent Platform: policy-governed AI agents that carry code changes through review, security, and CI/CD pipelines
Formkit vs its closest rival
Formkit's closest head-to-head is with Bito.
Our Formkit vs Bito verdict written Jul 8, 2026 is more than 90 days old, so it is being re-reviewed against current data and is not shown.
Head-to-head comparisons
Frequently asked questions
Categories
Best-of guides
Topics
For makers of Formkit
- Get a Verified Listing for Formkit ($39): a written decision within 1 working day.
- Free listing for another tool: Free reviews are decided in order, within 3 weeks of the review starting.
Used Formkit? Help shape our editorial sentiment research.