Introducing the Brand New Unlayer Editor
Table of Contents
We are thrilled to unveil the all-new look and feel of the Unlayer editor - your trusted platform for creating stunning emails, landing pages, and popups!
Say hello to a sleeker, more user-friendly interface that makes crafting beautiful emails and landing pages a breeze. With improved navigation and enhanced accessibility, you'll effortlessly bring your ideas to life.
Design System
New Controls
How to Upgrade?
The new version will be launched to the stable channel by the end of April 2024. Meanwhile, if you would like to try it out, you can run the editor on latest version.
unlayer.init({
displayMode: 'email',
version: 'latest'
})
Themes
Classic vs Modern
Classic theme is designed to look similar to the old version. It's intended for users who want to upgrade the editor to get new features but do not want to change the look and feel for their end-users.
Modern theme is a completely revamped look with better usability, more straightforward design, and easy-to-use features.
The new editor comes with four different theme options.
| Name | Mode | Slug |
|---|---|---|
| Classic | Light | classic_light |
| Classic | Dark | classic_dark |
| Modern | Light | modern_light |
| Modern | Dark | modern_dark |
You can use the following code to switch between themes.
unlayer.init({
appearance: {
theme: 'modern_light' // theme slug
}
});
Breaking Changes
Using Custom JS or CSS?
If you are using Custom JS or CSS or to customize the look or feel of the editor, it is recommended to test your custom code with the new version.
The new editor has been completely revamped and redesigned from the ground up, including all panels, tools, and property editors. This means that if you were using Custom JS / CSS to customize the look or feel of the editor, there's a high chance your changes may not be working anymore.
If that is the case, we recommend you lock the version of your editor in production to 1.5.75 and test the latest changes in your dev or staging environments.
How to lock the version?
unlayer.init({
version: '1.5.75'
});
Report a Bug or Issue
If you found a bug or an issue with the latest version, please report it to us