BY FORMX / HEADLESS FORM ENGINE

Declarative runtime
for complex business forms

Describe fields, linkage, validation, and remote resources with JSON Schema. The core engine runs independently; Vue + Element Plus is only one replaceable rendering skin.

Get started View examples

Recommended Vue entryApp-facing package with the default EP skin.

$pnpm add @formxjs/vue vue element-plus

Headless engineSchema, rules, resources, validation.

$pnpm add @formxjs/core

UI protocolBuild framework-neutral form view models.

$pnpm add @formxjs/core @formxjs/ui-core

Vue runtime adapterUse Vue reactivity without a fixed skin.

$pnpm add @formxjs/core @formxjs/ui-core @formxjs/vue-core vue

Vue + EP skinRender UI Core views with Element Plus.

$pnpm add @formxjs/core @formxjs/ui-core @formxjs/vue-core @formxjs/vue-ep vue element-plus

Built for schema-driven product teams

AdminLow-codeDesignerRuntimeValidationOpen Source

Rebuild the form development model

FormX separates forms into stable protocol layers: the core engine owns state and rules, while skins render the view model. Complex linkage no longer has to live in scattered watchers and event callbacks.

Headless Core

@formxjs/core runs in browsers, Node.js, designers, and tests without Vue or Element Plus.

JSON DSL

Fields, containers, validation, linkage, and remote options are serializable for storage, review, generation, and replay.

Rule Graph

showWhen, requiredWhen, compute, and rulesV2 share one execution pipeline that is easier to diagnose.

Renderer Skins

The current Vue + Element Plus skin proves the model, while the package boundary leaves room for React, Ant Design Vue, or internal design systems.

Runtime Flow

One schema drives the full form lifecycle

Schema Model Rules Resources Validation Vue Runtime