form-js

Visually edit and embed JSON-based forms.

Currently v0.0.12. View on GitHub.

Create forms visually

Assemble your forms using our intuitive form builder. Export the resulting form in a JSON-based format.


Render your forms anywhere

Embed our form viewer to render your JSON-based forms in any webpage.

<script>
  import { createForm } from '@bpmn-io/form-js';

  const form = createForm({
    schema,
    data,
    container: document.querySelector('#form')
  });

  form.on('submit', (event) => {
    console.log(event.data, event.errors);
  });
</script>

Brought to you by Camunda

The bpmn.io project provides tools to view and edit BPMN, DMN, and CMMN diagrams as well as Forms in your browser.

Our tools are built and battle tested by Camunda and an integral part of the Camunda product stack. Our libraries are extensible, embeddable and open source on GitHub.