Vue Formulate
The easiest way to build forms with Vue.
README
🚀 Looking for Vue 3 support? Checkout FormKit — the best way to build forms with Vue 3.
What is Vue Formulate?
Key features | |
---|---|
😎 Developer happinessForms are everywhere, yet surprisingly tedious to author — well, not anymore. Vue Formulate provides a powerful and flexible API to developers that makes complex form creation a breeze. | ☝️ A single input elementWith Vue Formulate you don't need to remember the names of a dozen components — all form elements are created with a single component. Easy! |
💪 Grouped fieldsVue Formulate ships with repeatable field groups out of the box. Create complex UIs such as multi-person booking forms with ease. | 🎯 Built-in validationRidiculously 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 validations too. |
🔌 Plugin systemExtend Vue Formulate'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 formsGenerate an entire form from JSON. Vue Formulate includes a schema to allow you to render complex forms from JSON with groups, wrappers, and custom components. |
🎨 Styling ControlWith provided class props you can add your own set of style classes globally or on a case-by-case basis. Tailwind? No problem. Bootstrap? You're covered. Roll your own? Right on, it’s supported. | 🔍 Scoped SlotsNeed even more control over your form’s markup? Vue Formulate ships with full scoped slots support so that you can globally or selectively provide your own markup. |
🌐 InternationalizationThanks to the wonderfully collaborative Vue community, Vue Formulate ships with support for over a dozen languages which are selectively importable to keep bundle size light. |