Advanced Themer gives you the ability to add page transitions to your site in a few clicks! These animations can be set on a global level – affecting all the pages of your website – or on a page level. Inside the page level, you can also enable the ability to transition specific elements.

This powerful new feature lets you view all your remote templates in a clean, organized left panel, with categories for easy navigation. With Quick Remote Template, you can add multiple templates at once without leaving the modal. Plus, you can drag and drop entire sections into specific positions, and even save remote templates to your local server with just a single click!

Hold the CMD key (or CTRL key for PC users) while clicking on any element in the Structure Panel. This will highlight the selected element and its children, while temporarily hiding all other distracting elements in the panel for a cleaner view.

Easily scale down your preview window to get a clear overview of your page. The best part? With Zoom-out enabled, only the root elements (typically your sections) are selectable within the preview window. These elements can be dragged and dropped only at the root level, ensuring you can reorder your sections without accidentally nesting them or disrupting the design by altering inner components.

Easily apply your color variables to any builder control with the new Color Variable Picker. This tool showcases all your palettes in an organized layout, complete with each color’s corresponding light/dark shades and tints. After trying this feature, you won’t want to use the native color grid anymore!

Simplify your CSS by replacing directional properties with logical properties. Logical properties adapt automatically based on the text direction and writing mode of your content, ensuring consistent layouts for both left-to-right (LTR) and right-to-left (RTL) languages. This approach reduces the need for manual adjustments, makes your code more maintainable, and improves accessibility for global audiences.

Introducing the Nestable Dark Mode Button and Toggle, two new elements offering full control over inner elements for easy customization. They are fully accessible on the fly – with aria-label and focus styling, support logical properties, and include precompiled default styles within the builder controls.

Stop accidentally moving your elements inside the structure panel! Click the corresponding lock icon to disable dragging and fix the elements’ order. Click again to re-enable dragging and restore functionality.

Extract all CSS variables from your Custom CSS code and generate core Global CSS Variables with a single click! This feature is especially handy when using an external framework, allowing you to integrate builder functions like the Variable Picker for a more streamlined workflow.