Unlayer Examples
Documentation

Simple Web

In this example, we will run the editor in web mode with minimal configuration. Web mode can be used to create landing pages or websites.

unlayer.init({
  id: 'editor-container',
  displayMode: 'web',
});

Preview

Here's a live preview of web page mode. Drag n drop the Form tool to play with it.


Dark Mode

You can also run the editor in dark mode.

unlayer.init({
  id: 'editor-container',
  displayMode: 'web',
  appearance: {
    theme: 'dark',
  },
});

Preview