form-js

Visually edit and embed JSON-based forms.

Currently v0.12.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 the Camunda Platform.

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