Updates.

New Features

• Live view. Edit your page exactly as visitors see it — click any text to change it.
• Tree sidebar. The whole page structure in one place. Drag to reorder, search, and manage any element from its menu.
• Spotlight presets. Add a ready-made hero, features row, or FAQ in a couple of keystrokes.

Performance boost

• Instant Tailwind CSS. Saves are up to 50× faster, and there's no binary to download anymore.
• Snappier Undo and Redo.

Fixes and Improvements

• Fixed white text on white background in the WYSIWYG editor.
• Media gallery: no need to scroll to the top after opening a folder.

• 🔥 Ctrl+Z, Ctrl+Shift+Z Undo and Redo operations added! You can now easily restore an accidentally removed element, undo the mistakenly moved section and so on. We store up to 50 operations per Page Builder instance.
• Fixed sending AI Composer prompt without a mouse.
• Instant preview fixes for conditions and dynamic rows inside sidebar form.
• Faster stage rendering on Magento 2.4.6

• Copy. Paste. Done. Paste images straight from your clipboard — no saving, no uploading.
  • Hover an image and paste to replace it, or paste anywhere else to add a new one.
  • Works in Slider, Banner, the media gallery, and even on an empty page.
  • Paste several images at once.
  • The page smoothly scrolls to the pasted image, so you never lose track of it.
• A faster editor. Page Builder loads its heavy parts only when you need them.
• Links got mobile settings for alignment and gap.
• Show a toast message when an image fails to upload due to server settings.
• Fixed failed uploads being re-sent with every next upload.
• Fixed possible accidental clicks on the element panel when reaching for the “Save” button.

• Metadata — a new element to add Open Graph, Twitter Card, robots, canonical, and other meta tags to the page.
  • Add tags one by one or apply a preset in one click.
  • Upload up to two images and reference them in tags with {{main_image}} and {{secondary_image}}.
• Built-in Video element is now much more performant!
  • It embeds YouTube and Vimeo videos using lite-youtube and lite-vimeo — lightweight placeholders that load the full player only when a visitor presses play.
  • Autoplay videos start playing only when half of the video enters the viewport.
• Fixed possible hidden button and overlay in Banner and Slider when using per-mobile height value.
• Fixed instant preview not updating after removing the last row in dynamic rows fields.

• Added ability to show/hide the content per media query!
• Claude Sonnet 5 model added to the AI Composer models list.
• Sanitize SVG images when uploading outside of the gallery.
• Added Tailwind config validation before running tailwind and before saving config.
• Fixed unfocused prompt textarea after AI Composer is dropped into the stage.
• Fixed invisible video when placed inside Flex container element.

New Features

• Allow using SVG images in Page Builder components, Media Gallery, and WYSIWYG editors!

AI Composer Improvements

• OpenAI GPT-5.6 and Claude Opus 5 added to the models list
• Improved system prompt to allow to generate large homepage sections
• AI Composer history is now preserved until the page is refreshed. This allows switching between Page Builder elements, edit their settings and then return to AI Composer without losing its history.

New Features

• Modal popup — a new element to create modals using native, performant, and accessible dialog element.
• Newsletter — a new element to add newsletter subscription form using Page Builder.

Fixes and Improvements

• Fixed layout shift in Magento Tabs component
• Fixed inability to pick opaque color using color picker
• Fixed buggy visibility state toggler when edit form is opened
• Fixed inability to change default active tab in tabs component

• Allow pasting image into chat from copy-paste buffer
• Added "Try again" button. It's useful when you want to send same prompt to different model.
• Improved stability when using Kimi-K2.6 model
• Improved output when asking to build design similar to provided image
• Improved rendering of the error messages returned from AI provider
• New models added: Claude Opus-4.8, Google Gemini-3.1-pro-preview

• Mage-OS 3.0 compatibility added.
• Fixed error on PHP 8.5 when downloading Tailwind CSS.

• AI Composer element added. It's a super intuitive Page Builder element powered by LLM. Describe the section you want to create and wait for a few seconds! That's it!

  And even more! You can ask for changes multiple times, or even edit the section using WYSIWYG editor. Each update will be temporarily saved in the chat timeline, so you can go back and forth to select the edit you like.

Fixes and Improvements

• Magento 2.4.9 compatibility
• Much better third-party themes support for all Tailwind sections. Tailwind styles will use !important keyword now.
• Fixed duplicate background_lazy_load field when using Hyvä.
• WYSIWYG fixes:
  • Fixed toolbar overlap with nested absolutely positioned elements.
  • Fixed inability to update image in the preview when edit slideout is opened.
  • Allow empty span elements.

Fixes and Improvements

• Fixed not working Magento_2FA forms (Empty output) caused by a conflict with content block name.
• Fixed inability to copy pagebuilder content when instant edit form is opened.
• Allow using SVG inside WYSIWYG editor — they are no longer removed by the editor.
• Allow using DIV inside DL in WYSIWYG editor — they are no longer removed by the editor.
• Properly sync content from the preview area into opened edit form.
• Fixed image inserting into HTML element. It is now correctly added at the cursor position instead of appending to the end of CodeMirror content.
• Prevent opening edit form slideout when clicking the contenteditable area.

Fixes and Improvements

• Fixed Image Editor errors in Magento 2.4.7
• Improved Copy-Paste support when using Firefox browser.
• Prevent flash of the previously edited image when opening new image editor.

Hot stuff

• Image Editor added. Resize, crop, rotate, rename, and convert images easily without leaving Magento backend.

  Available in Page Builder and Media Gallery interfaces!

Fixes and Improvements

• Improved Media Gallery icons. Old blurry png icons replaced with modern crispy SVG images.
• Fixed annoying layout shift caused by success message after each image upload or save inside Media Gallery.
• Fixed inability to upload webp or avif images in Magento 2.4.6.

Hot stuff

• Countdown Timer element added. Create beautiful sales, pre-order, and landing pages using the ready-to-use presets.

Fixes and Improvements

• Range input now allows entering the value directly into the input field, or using the quantity arrows.
• Added ability to set background image for the Flex Container element. Previously, only background color was available.
• Added ability to set flex-direction and alignment options per mobile breakpoint for the Flex Container element.
• Fixed inability to use mobile breakpoints for visual-select elements.

• Ensure that WYSIWYG toolbar is always visible no matter how long the text element is. Additionally, toolbar is now smart enough to flip its position when caret is hiding behind the toolbar.
• Added ability to reorder Columns per mobile view breakpoint.
• Improved ShowMore element accessibility. Now its markup is much more friendly for the VoiceOver apps.
• Added ability to set background position per mobile view for the following built-in elements: Banner, Column, Row, Slide.
• Few small CSS fixes.

Hot stuff

• Melios Builder brings major layout improvement with Simple Save button and Instant Preview features. These two upgrades available in the Free version for everyone!

Fixes and Improvements

• Added View Source Code button to the WYSIWYG editor panel.
• Fixed invisible Marquee item when creating new scroller.
• Improved SVG Icon form.
• Small CSS and JS fixes.

Hot stuff

• SVG Icon element added. We bundled beautiful Lucide icons into the Melios Builder. Additionally, you can set your own svg icon. See the usage examples at the Footers and SVG Icons pages.
• Flex Container element added. This element helps organizing a set of icons or images in a horizontal row or vertical column. See the usage examples at the SVG Icons page.
• Links element added. This element allows creating minimalistic vertical and horizontal link lists. We use this element for all links at the Footers page.

Fixes and Improvements

• Fixed not working AI in TinyMCE editor, when it's used without PageBuilder.
• Added ability to set mobile-specific gap, paddings, and margins for Marquee and built-in Columns elements.
• Fixed CSS class name conflict with Hyvä theme. Now, Tailwind CSS generated by Melios Builder will always have a lower priority than the Hyvä's styles.

Hot stuff

• Widget element added. You can now insert and edit widgets a bit easier — just a one click to open the widget form!
• Nested Columns element added. This element is basically the same built-in Columns element except you can nest it inside another Columns element. This feature allows creating very popular UI elements like Bento Grids and Mega Footers (Coming soon!).

Bugfixes

• Fixed possible missing third-party elements in the Spotlight Popup when they added to the list dynamically using javascript methods.
• Fixed missing gap between column lines in backend preview.
• Fixed not working column gap in Breeze themes.

The gap value saved in older Melios versions wasn’t correctly read in the backend and, as a result, was lost on the next save.

This version fixes the issue — the old gap is now properly read from the sources and converted to the new format during the next save.

p.s. If you saved your content already, and saw that the gap is missing on the frontend, you have to re-apply the gap manually. Unfortunately, it's not possible to recover it.

• Added favicon saving indicator so you can see if the Page Builder is already saved or still saving the content when using Quick Save. Now, you don't have to return to the tab to see if the process is completed or not.
• Fixed ability to paste element into the empty page. Previously you had to manually insert the row element before you can paste.
• Fixed not working Open chat button in the secondary actions menu dropdown.

• Show More (Read More) element added.
• Columns element improvements:
  • Gap between columns is now properly rendered in backend panel. Previously it was only visible on the frontend.
  • Allow using multiple columns on small screens. You can now use the different settings per desktop, tablet, and mobile devices.
• Fixed not working copy-paste hotkeys in Safari and Firefox browsers.
• Fixed not working animation of the Collapsible element in Safari browser.
• Fixed static content compilation when using Melios Builder Pro with Magento 2.4.7-p8.
• Backend UI: Do not collapse Page Builder elements sidebar by default.

• Magento 2.4.8-p3 compatibility — New Magento version introduced HugeRTE editor instead of TinyMCE and it caused two issues.
  • Fixed invisible AI chat because of too low z-index value
  • Fixed inability to open the chat by clicking the main icon
• After adding the Tailwind into MeliosBuilder we needed something bigger than the input field to control CSS classes. So, we've added CodeMirror editor for the CSS class fields! Autoformat is available as well — try it now!
• Improved inserting the elements using the keyboard only.
• Fixed displaying of the old validation message when saving Page Builder inside modal popup using Quick Save feature.
• Fixed missing border around Collapsible Element in the backend.

• Elements page added to the website — a collection of ready to use preconfigured premium elements.

  There are not many for now, but I will update the page regularly.

• New options added to the Collapsible element
• Improved copy-paste feature. Now, the copied payload is drastically smaller.
• Added support of the Tailwind CSS arbitrary selectors. For example: [&_details:last-child]:border-0

  This fix allows writing flexible selectors directly in the "CSS class" field of every Page Builder element.

Hot stuff

• Collapsible element added to the Melios!

  This tiny, but super flexible element allows creating pleasant FAQ sections, improve product description with accordion content, and increase readability of the complex CMS pages.

• Added per-mobile margins and paddings for built-in Row element.

Fixes

• Properly process Esc button when inserting element using Spotlight. Now, Melios properly cancels the operation instead of inserting the element.
• Do not focus inside inactive tabs when inserting element using Tab key.
• Fixed js error in Browser's console when moving element from one container to another.

Deprecations

• Responsive Styles feature was removed from the module.

  This feature allowed entering margin, padding, and border style per mobile device for all built-in elements. Unfortunately its implementation was a way too complicated so it always was a candidate for the removal.

  Now, when Tailwind CSS allows to do the same and even more using CSS classes, I'm finally removing this complex part of the module.

Tailwind CSS added to the Melios Page Builder! You can now use the most loved and most hated CSS framework right in the Magento Admin panel!

To get started, update Melios Builder, then run the following command:

bin/magento melios:tailwind:download

Hot stuff

• Lifetime license is now applied for both Free and Pro editions!
• Marquee — the first premium element is available!
• Ctrl+Enter hotkey added! It allows accepting changes in modal popup without the mouse.

Important fixes

• Hyvä: fixed conflict with custom pagebuilder attributes.
• Fixed inability to add new element using keyboard when two or more PageBuilder instances are used on the page.
• Fixed too small WYSIWYG editors for Slide and Banner elements because of hardcoded 200px height.

Tiny improvements

• Fixed not working Quick Save inside Media Gallery and Variables Chooser modals.
• Livereload will no longer mistakenly update the page right after initial load.
• Livereload page is now using full-width layout.

If you are using touchpad you definitely need this update!

• Added confirmation before page unload when PageBuilder is opened and page is going to be unloaded by "back swipe" gesture.

Hyvä: fixed not working image lazy loading for the elements inserted dynamically. This could be an elements from ajax response, or elements inserted with javascript.

Background lazy loading and gap between columns are now compatible with Hyvä Themes!

• Code formatter added to the html editor! You can now format the code with a single click!
• Fixed not working livereload in Magento 2.4.7 when StripeIntegration module is installed.

• Live preview feature added!
• Improved Quick save feature compatibility with complex third-party forms.

Fixed ability to drag existing item into root-container and wrap it into row if needed. Previously it was working for new elements only.

• Improved ability to drop any element into empty page — no need to create Row element first.
• WEBP and AVIF images are now integrated into Magento Media Gallery. Previously, modern formats weren't visible in the Gallery.
• Removed not needed page reload after quick save when response was redirected to the same page, but with back/edit suffix.
• Fixed duplicate image width and height fields.
• Fixed inability to edit multiline SVG inside CodeMirror editor.

Two critical bugs were fixed:

• Fixed Page Builder was rendering for 5 seconds without releasing locks. This error was caused by 1.5.3 update.
• Fixed inability to resize webp/avif images.

• Allow inserting elements into empty page without need to add row component. Melios will add the row automatically!
• Fixed element placement logic when using Spotlight popup. Previously it was hard to put the element at the very top of the page.
• Fixed empty AI quick commands dropdown when trying to use it for the slider component.

Added compatibility with beautiful M137 theme. This theme is a default backend theme used in Mage-OS distribution. This means that Melios is now Mage-OS compatible!

Fixed js error when trying to use CodeMirror editor — Default textarea was rendered instead.

Improved SVG preview inside CodeMirror editor. Now only the dark icons will invert their colors. See the Before/After screenshot:

A huge improvement for the HTML component fans! CodeMirror is now built into Magento HTML and Text components. Here are some important highlights:

• Dark and light modes.
• Fullscreen mode.
• Well known hotkeys.
• SVG images preview.
• Read more in our documentation

Image dimensions are now better than ever because of two new features:

• Automatic image sizes population on image change.
• Preserve aspect ratio button. No need to calculate proper height when changing the width and vice versa.

We also fixed two bugs:

• Do not change scroll position when inserting new element using spotlight popup.
• Fixed rarely empty success message when saving CMS page using Ctrl+S hotkey.

Added more responsive styles per mobile view. This feature is implemented for all existing components including the components from the third-party modules!

• Margins and paddings.
• Border width and radius.

AI Assistant added to the Melios Page Builder! Video and description is available in the docs.

Improved Enter and Delete hotkeys processing.

Fixes and improvements in both Free and Pro versions:

• PHP 8.4 compatibility.
• Disable tinyMCE promotion element inside menubar.
• Fixed copy to clipboard on insecure connections.
• Allow using Quick Save when widget popup is opened.
• Code optimizations for the upcoming AI Assistant

Fixed extra buttons row at the bottom of Magento gallery component — This bug was caused by the missing return value from the JS mixin file.

Fixed inability to paste the HTML code with data-content-type attribute into html component.

Hotfixes in both Free and Pro versions:

• Do not open the editor when accidentally double-clicking the section drag handle.
• Improved Ctrl+C hotkey handling. It will no longer prevent you from copying selected text.
• Fixed Alt+0 hotkey when the legacy 2columns-left layout is used for the backend form.
• Quick-save fixes and improvements:
  • Fixed the Ctrl+S hotkey in older PageBuilder versions.
  • Improved compatibility with third-party modules.
  • Fixed possible missing validation error message.

Fixed annoying bug when Page Builder was scrolled up to the first drop target when adding new element using keyboard. Now, Melios chooses drop target from the visible part of the viewport.

Added ability to Copy-Paste entire Page Builder content — just move the mouse over Page Builder and press the keyboard hotkey.

Available in Free and Pro versions!

Initial release. This release includes Spotlight, Hotkeys, Copy-Paste, Quick save, image upload in webp and avif formats, and the following improvements to existing components:

Image

• Ability to set image dimensions.
• Ability to set loading mode and fetchpriority attributes.
• Ability to preload image to reduce LCP.

Background image

• Ability to use lazy loading mode.
• Ability to preload background-image to reduce LCP.

Columns

• Ability to set the gap between columns.

WYSIWYG editor

• Do not hide editor menu.