What is vue-form-making?

vue-form-making is a visual form builder for web applications. Instead of writing HTML and JavaScript by hand to create input forms, you use a drag-and-drop design interface to lay out fields, set validation rules, and configure layout. The tool then exports a JSON description of your form design, which a companion component can read to render the actual form inside your application. The project is built with Vue.js, a popular JavaScript framework, and uses a UI component library called Element UI for the form controls. It is aimed at developers who need to build forms quickly or who want to give non-technical teammates a way to configure forms without touching code. The README describes the tool as having two main parts: the designer, where you visually assemble the form, and the generator, which takes the saved JSON configuration and produces a working form on the page. Features listed in the README include grid-based layout using flexbox, built-in form validation, support for fetching data from remote APIs to populate dropdowns or other fields, and internationalization support for multiple languages. A one-click preview lets you see how the form will look before deploying it. There is also an option to generate ready-to-run code directly from the designer. The repository is described as the base version of the tool. An advanced commercial version is available separately and adds more field types, nested layout containers, support for Vue 3, and Ant Design-style components alongside the default Element UI ones. The base version supports Vue 2 and works in modern browsers as well as Internet Explorer 10 and 11. The project is licensed under MIT.