[Open Source] Free and open-source visual low-code editor with a flexible interactive interface and multi-platform support
![[Open Source] Free and open-source visual low-code editor with a flexible interactive interface and multi-platform support](https://yy123.ink/api/img/1782595595390-d04n91.jpg)
1. Project Overview
Everright-formEditor
Everright-formEditor is a free and open-source JavaScript visual low-code editor. It allows users to create forms through a GUI with simple operations and provides a flexible interactive interface. The PC version relies on element-plus, while the mobile version relies on vant. It includes an internal adapter layer for compatibility with element and vant components.
2. Open Source License
Licensed under MIT
3. Screenshots
Screenshot

Logic Controller

4. Feature Overview
Features
-
1. Supports Chinese and English
-
2. Multi-platform compatibility
-
3. Rich field types and layout containers
-
4. Flexible interaction methods
-
5. Fields and layouts can be separated
-
6. Fields and layouts can be combined
-
7. The editor, previewer, and configuration panel can all be used independently
-
8. Logic controller (visibility, required, read-only)
Examples
-
Editor layoutType1: Fields and layouts are combined
-
Editor layoutType2: Fields and layouts are separated
-
Preview layoutType1: Fields and layouts are combined
-
Preview layoutType2: Fields and layouts are separated
-
Config panel is used to display and edit various form field properties, including basic information, type, layout, and more
See the README.md documentation for details
5. Tech Stack
Environment Requirements
-
vue >= 3
-
element-plus >= 2.3.1
-
vant >= 4.1.1
Field adapter
| Field | Pc | Mobile |
|---|---|---|
| Input | ||
| ID | ||
| Cellphone | ||
| URL | ||
| Textarea | ||
| Number | ||
| Radio | ||
| Checkbox | ||
| Select | ||
| Time | ||
| Date | ||
| Rate | ||
| Switch | ||
| Slider | ||
| Html | ||
| Cascader | ||
| File | ||
| Signature | ||
| Region |
Container adapter
| Field | Pc | Mobile |
|---|---|---|
| Grid | ||
| Table | ||
| Tabs | ||
| Collapse | ||
| Divider | ||
| Subform |
Logic controller operators
See the README.md documentation for details