1. Project Overview

Easily handle form creation and say goodbye to form-related headaches.

FormCreate is a form generation component that uses JSON to create forms with dynamic rendering, data collection, validation, and submission capabilities. It supports 5 UI frameworks and can generate any Vue component. With 20 built-in commonly used form components and custom components, even the most complex forms can be created with ease.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

A powerful dynamic form generator that uses data-driven form rendering and supports visual design. It improves developers' efficiency in form development. It is already being used reliably in OA systems, ERP systems, e-commerce systems, workflow management systems, and more.

Support

• element-plus

• ant-design-vue

• naive-ui

• arco-design

• tdesign

Features

JSON

Supports generating forms using JSON data.

Custom Components

Supports generating any component, improving form flexibility and enabling more complex form functionality.

Multiple UI Framework Support

Supports element-ui, ant-design-vue, naive-ui, arco-design, and tdesign.

Two-Way Data Binding

The page updates in real time whenever the generation rules change.

Grid Layout

Uses a grid system for web page layouts, creating attractive and comfortable page arrangements.

Partial Updates

Built-in component caching improves rendering performance.

5. Tech Stack

Installation

Install the corresponding version based on the UI framework you use.

element-ui

npm install @form-create/element-ui@next

ant-design-vue

npm install @form-create/ant-design-vue@next

arco-design

npm install @form-create/arco-design@next

naive-ui

npm install @form-create/naive-ui@next

tdesign

npm install @form-create/tdesign@next

For details, please refer to the README.md documentation.

Example

Download project

$ Visit Yifei Open Source: [https://code.exmay.com/](https://code.exmay.com/) Download
$ cd form-create

Install Dependencies

$ npm run bootstrap

View element-ui Examples

$ npm run dev:ele

View ant-design-vue Examples

$ npm run dev:antd