form-js

Visually edit and embed JSON-based forms.

Currently v1.10.1. 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 { Form } from '@bpmn-io/form-js';

  const form = new Form({
    container: document.querySelector('#form')
  });

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

  try {
    await form.importSchema(schema, data);
  } catch (err) {
    console.error('failed to import form', err);
  }
</script>

Brought to you by Camunda

The bpmn.io project is brought to you by the makers of Camunda.

If you are looking to create BPMN diagrams, we encourage you to sign-up for a free Camunda account.