FormKit (Beta)

Vue 3 form development. 10x faster.

FormKit is a form-authoring framework for Vue developers that makes building high quality production-ready forms 10x faster. It is easy-to-learn and ships with production-ready scaffolding like inputs, forms, submission and error handling, and validation rules. To learn more check out the documentation website at: formkit.com.

Key features

☝️ Comprehensive package

FormKit is an all-in-one form-authoring framework with input scaffolding (labels, help text, etc.), validation, form UI & styling, error handling, generation, a11y, i18n, and more!

😎 Developer happiness

Forms are everywhere, yet surprisingly tedious to author — well, not anymore. FormKit provides a powerful and flexible API to developers that makes complex form creation a breeze.

🎯 Validation built in

Ridiculously easy validation out-of-the-box to handle 95% of use-cases. Help text, validation rules, and validation messages are simple props. Need more? You can add custom validation rules too.

⚡️ Blazing-fast Performance

FormKit can handle the most demanding forms — wizards, multi-step, deeply nested repeating groups, and more.

🔌 Plugin system

Extend FormKit's functionality or reuse custom inputs, validation rules and messages across projects by tapping into the plugin system. Make your plugin open source to share with others!

✨ Generate forms

Generate an entire form from a JSON-compatible schema. Schema allows you to render complex forms from JSON with conditional rendering, logic, dynamic data, groups, wrappers, HTML elements, and custom components.

🎨 Robust Theming

FormKit works easily alongside your favorite UI frameworks like Bootstrap and utility-class tools like Tailwind. With numerous ways to modify classes and DOM structure, integrating FormKit plays nicely with any frontend.

🌐 Internationalization

FormKit is made for all! Thanks to the FormKit community, FormKit ships with support for many languages. Don't see your language? Contribute one with our locale builder.

Contributing

Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via GitHub issues, Discord, or other method.

Contributors

This project exists thanks to all the people who volunteer their time to contribute!

License

MIT

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Vee Validate	9,624	2,190	735	2 days ago	282	September 19, 2022	49	mit	TypeScript
✅ Painless Vue forms
Formily	9,334		119	3 days ago	209	September 20, 2022	11	mit	TypeScript
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Vxe Table	5,862	23	258	3 days ago	1,181	September 13, 2022	470	mit	TypeScript
vxe-table vue 表格解决方案
Vue Form Making	5,005		12	2 months ago	51	July 07, 2022	19	mit	Vue
A visual form designer/generator base on Vue.js, make form development simple and efficient.（基于Vue的可视化表单设计器，让表单开发简单而高效。）
Form Create	4,675	3	50	2 months ago	29	July 24, 2022	60	mit	JavaScript
:fire::fire::fire: 强大的动态表单生成器\|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
Survey Library	3,554	37	15	10 hours ago	384	September 20, 2022	470	mit	TypeScript
Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.
Vue Form Generator	2,918	93	48	2 months ago	35	February 09, 2019	142	mit	JavaScript
:clipboard: A schema-based form generator component for Vue.js
Formkit	2,603		13	10 hours ago	144	September 23, 2022	49	mit	TypeScript
Vue Forms ⚡️ Supercharged
Heyui	2,497	9	13	4 months ago	494	March 27, 2022	59	mit	Vue
🎉UI Toolkit for Web, Vue3.0
Vue Formulate	2,180		15	17 days ago	43	January 21, 2022	119	mit	JavaScript
⚡️ The easiest way to build forms with Vue.

Formkit