1. Project Overview

xflow Workflow System

xflow is a workflow system built with Vue 3 and Element Plus. It implements form design, approval workflow design, approval initiation, and a review center. It features a clean and attractive UI, visual drag-and-drop form components, and approval nodes with arbitrary hierarchical structures.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

UI Screenshots

Basic Form Settings

Form design

Approval Workflow Designer

Initiate Approval

Review Center

Form management

4. Feature Overview

xflow is a workflow system built with Vue 3 and Element Plus. It implements form design, approval workflow design, approval initiation, and a review center. It features a clean and attractive UI, visual drag-and-drop form components, and approval nodes with arbitrary hierarchical structures.

This project is the frontend of the xflow workflow system. The backend is still under development.

The frontend uses Vue 3 and Element Plus to implement form design, approval workflow design, approval initiation, a review center, and system management features, with AI assistance during development.

The layout is modeled after DingTalk's approval pages, with a simple interface that is easy to learn and use.

5. Tech Stack

xflow is a workflow system built with Vue 3 and Element Plus. It implements form design, approval workflow design, approval initiation, and a review center. It features a clean and attractive UI, visual drag-and-drop form components, and approval nodes with arbitrary hierarchical structures.

The frontend uses Vue 3 and Element Plus to implement form design, approval workflow design, approval initiation, a review center, and system management features, with AI assistance during development.