Skip to content

Introduction

Preview

FormMaking is a vue-based visual form designer, enables enterprises to achieve low-code development mode; Help developers from the traditional boring form code liberation, more attention to business, quickly improve efficiency, save research and development costs. At present, it has been widely used in OA system, examination system, report system, process management and many other projects.


This project uses Vue and Element for page construction, built-in i18n internationalization solution, supports secondary expansion development, and supports custom component expansion.

The project is divided into designer MakingForm and generator GenerateForm. The designer can visually complete the rapid creation of the form and generate the JSON Schema. The generator renders the form by loading the JSON Schema.

Characteristic

Visualization

The mainstream form designer page, with visual operation, you can complete the form page editing conveniently and quickly.

Mainstream UI

Element and Ant Design style forms are supported, which used widely.

The Latest Technology Stack

The latest front-end technology stack, supports Vue2 / Vue3, built-in i18n internationalization solution, it is very convenient for secondary development.

Multi-terminal Adaptation

Supports pc, pad, and mobile layout adaptation. You can preview the display effect while designing the form.

Varieties of Layout

Provides grid, tab, table and other complex form layouts, more in line with enterprise needs.

High-level Containers

Provides a container to support arrays and objects, basically covering all complex form data.

Custom Extension Supported

Field styles, components, attributes can be customized extension, you can personalize configuration with FormMaking conveniently and quickly.

Data Source

Provides the data source management function, the form and back-end data perfect combination.

Low Code

The interaction of action events can be carried out through low code to complete the complex logical operation of the form.

APIs

Provides varieties of APIs, can be flexible and convenient to deal with the form of the operation.

Version Comparison

Based on the free open source version, we have introduced a premium version to meet more complex scenarios and provide better quality services.

Basic VersionAdvanced Version
Feature
Provides some basic form controls, form validation, access to data and other basic functions. The advanced version provides more features than the basic version:
  • Better looking ui pages
  • Fields can be quickly added with a click.
  • More properties supported, including data sources and form events
  • More control fields (subforms, custom components, etc.)
  • More layout containers that can be nested within each other (grids, tables, tabs, etc.)
  • More apis for more complex business needs
  • New function custom fields, you can quickly import your own developed components;
  • Custom styles supported
  • Data source supported, convenient form data configuration;
  • Action events supported, which makes forms more flexible to configure
  • Multi-terminal adaptive display;
  • Provides Ant Design-style components (modified by importing antd vue)
Demo Address
http://form.making.link/basic-version ↗http://form.making.link/sample ↗
Open source
YesNo
Agreement of Usage
MITLicense Agreement ↗
Be Commercialized
YesYes(Use after purchase)
Site
Github ↗Official website ↗
Document
Basic Documentation↗Official Document ↗
Service
Irregular updates and bug fixes
  1. Update and fix bugs regularly
  2. Technical support
  3. Your comments will be taken as our primary consideration

Why FormMaking?

The construction of information system is inseparable from the form. As an indispensable part of the information system, the form needs a set of form systems that can quickly complete the construction and easy to maintain. FormMaking as a visual form designer, through the drag and drop, field visualization configuration and other simple operations, so that everyone can easily create a form, and we also provide API to facilitate the interaction and maintenance of the form; At the same time, it can be easily imported into your project.

Since the open source form visual editor in 2018, we have been focusing on the development of form designer to solve various problems encountered by users in the use process, and continue to improve the function and iteration, which has been loved by many users, and many users have provided their valuable opinions. In order to better provide quality functions and services for the majority of users, We have a premium version specifically for users with this need.

Comprehensive Features

The main drag and drop visual operation mode, easy to use, low learning cost.
Varieties of Layout, field, and support for array, object and other complex types of form data creation, basically covering all form application scenarios.

Perpetual Use Rights

The purchase will give you the right to use it perpetual.

Professional Team Technical Support

Members of the FormMaking team are senior front-end technicians who work full-time on maintenance, continuously adding new features and handling related issues to the form designer, and keeping the version updated monthly. After purchase, you will be able to communicate with the FormMaking technical team in real time. We will provide you with professional one-to-one technical support services, and you can quickly get solutions to problems encountered in the use of FormMaking.

Join Our Update Plan

You will be able to participate in our update program, provide us with valuable comments, we will give priority to your comments.

Simple and readable code style

FormMaking source code uses Template style API, which is simple and easy to use, and convenient for developers at all basic levels to read and expand.

Comprehensive Tutorial Documentation

We provide a comprehensive documentation tutorial, including the designer's manual, the getting started documentation, the API documentation, and the secondary development documentation.

FormMaking is updated and maintained by FormMaking team of Chengdu Leguan Technology Co., LTD. If you need to use it in your own project, you need to buy our FormmakingPrice ↗