This is a demo for creating a simple custom tool that extends editor functionality
Learn how to build and embed a custom Unlayer tool in your React app using customJS. Includes bundling, hosting, and rendering React components with JSX.
This is a demo that shows how to pass data to custom tools and properties
This is a demo for creating a custom tool for accordion
This is a demo for creating a custom tool for navigation menus
This is a demo for creating a custom tool for navigation tabs
This is a demo for creating a custom tool for product where users can select product from library.
This is a demo for creating a custom tool for qr code
This is a demo for creating a custom map tool.
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',
});
Here's a live preview of web page mode. Drag n drop the Form tool to play with it.
You can also run the editor in dark mode.
unlayer.init({
id: 'editor-container',
displayMode: 'web',
appearance: {
theme: 'dark',
},
});