type="radio" on line
The open-source form framework for Vue
FormKit equips developers to build their forms 10x faster by simplifying form structure, generation, validation, theming, submission, error handling, and more.
September 1, 2023
FormKit 1.0.0 has been released! 🎉 See the changelog.
Powerful form features for data flow, error handling, and state management.
24+ accessible inputs powered by a single component.
20+ built-in validation rules and support for writing your own.
Use FormKit’s default Genesis CSS theme, Tailwind, or your own custom approach with full control over every DOM element.
Generate forms with FormKit’s JSON-compatible dynamic schema. Fully serializable for database storage.
Engineered to handle the most demanding forms.
v-modelan entire form with one objectAutomatic loading state for async submissionsState tracking for invalid, loading, errors, and moreEasily disable all inputs in a formForm resetStructure your data as objects, arrays, and scalar values
<FormKit />Includes every input type (24+)Accessibility built-inState tracking for invalid, loading, errors, and moreExport to restructure input HTMLCreate custom inputsControl input values with middlewareAutomatic DOM for label, help, messages, and moreSupports conditional inputsSlots for every DOM element
pricePerUser on line
2 to see the schema-powered form re-render.
featuresExtend with hooksEvent systemWrite your own inputsFull SSR supportWrap 3rd-party inputsCLI toolCustomize with FormKit configActive community & supportInternationalization architectureHierarchical input structure
Supercharge FormKit with optional Pro inputs
Powerful commercial form controls, same great API.
- Transfer List
Search and select from a custom options list.