{"id":149586,"date":"2026-01-06T09:28:33","date_gmt":"2026-01-06T07:28:33","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=149586"},"modified":"2026-01-06T09:28:36","modified_gmt":"2026-01-06T07:28:36","slug":"elementor-334-v4-atomic-tabs-entrance-interactions","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/","title":{"rendered":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Build powerful, fully custom tab experiences with Atomic Tabs<\/h2>\n\n\n\n<p>Atomic Tabs arrive as a major addition to the atomic editor, giving you complete control over the structure, styling, and behavior of tabbed layouts. Instead of relying on a single, monolithic widget, this new system breaks the interface into separate Atomic Elements you can mix, match, and design freely.<\/p>\n\n\n\n<p>With this structure, you\u2019re able to place any content inside tab triggers or tab panels, opening the door to layouts that were previously out of reach. Every part of the component follows the atomic styling model, meaning your Global Classes, cascading styles, and structural guardrails all work exactly as expected.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What you can customize<\/h3>\n\n\n\n<p>Nested Tabs break the traditional widget structure into independent elements you can style and configure individually:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Tabs \u2013 main wrapper.\n<ul class=\"wp-block-list\">\n<li>Tabs menu \u2013 secondary wrapper &#8211; row containing tab triggers.\n<ul class=\"wp-block-list\">\n<li>Tab trigger \u2013 each individual trigger.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Tabs content area \u2013 secondary wrapper \u2013 container for all content panels.\n<ul class=\"wp-block-list\">\n<li>Tab content \u2013 panel content of each individual tab.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>A dedicated <strong>Selected<\/strong> state is now available for tab triggers, allowing you to style active tabs cleanly and consistently without custom code. Because the state only appears when working inside Nested Tabs, it keeps your workflow focused and your styling predictable.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Designed for the atomic styling system<\/h3>\n\n\n\n<p>You can nest any type of content inside tab triggers or content panels, unlocking tab designs that were not possible before.<\/p>\n\n\n\n<p>Nested Tabs fully support Atomic Editor features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Assign Classes to any part of the structure and build reusable design systems.<\/li>\n\n\n\n<li>Apply styles that cascade cleanly through the hierarchy.<\/li>\n\n\n\n<li>Understand the layout through a clear structure panel.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-elementor-io-optimized-1024x538.webp\" alt=\"\" class=\"wp-image-149595\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-elementor-io-optimized-1024x538.webp 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-elementor-io-optimized-300x158.webp 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-elementor-io-optimized-768x403.webp 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add granular, performance\u2011friendly motion with Entrance Interactions<\/h2>\n\n\n\n<p>This update also introduces the first phase of atomic Interactions, starting with <strong>Entrance Interactions<\/strong>: a simple, performance\u2011minded way to add subtle motion to your elements.<\/p>\n\n\n\n<p>A new <strong>Interactions<\/strong> <strong>tab<\/strong> now appears alongside General and Style, giving Interactions their own dedicated space, keeping the editor structured, clear, and aligned with the atomic philosophy.<\/p>\n\n\n\n<p>Entrance Interactions focus on small, meaningful motion without heavy presets or timelines. Instead, you define animations using a set of granular, familiar properties, making results easy to tune and understand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Available controls<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Triggers:<\/strong> On page load, On scroll into view.<\/li>\n\n\n\n<li><strong>Effects:<\/strong> Fade, Slide, Scale.<\/li>\n\n\n\n<li><strong>Type:<\/strong> In, Out.<\/li>\n\n\n\n<li><strong>Directions:<\/strong> Up, Down, Left, Right.<\/li>\n\n\n\n<li><strong>Duration:<\/strong> 0.1s\u20133s.<\/li>\n\n\n\n<li><strong>Delay:<\/strong> 0\u20132s.<\/li>\n<\/ul>\n\n\n\n<p>You can stack multiple entrance effects within the same element, combining Fade, Slide, and Scale for more expressive motion. A built-in <strong>Preview<\/strong> button lets you replay the animation instantly as you refine timing and behavior.<\/p>\n\n\n\n<p>This is the foundational stage of a broader interactions system. Future versions will continue expanding capabilities while maintaining this same atomic, modular approach.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024,h=1024\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-1-elementor-io-optimized-1024x538.webp\" alt=\"\" class=\"wp-image-149602\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-1-elementor-io-optimized-1024x538.webp 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-1-elementor-io-optimized-300x158.webp 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-1-elementor-io-optimized-768x403.webp 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1200\/blog\/wp-content\/uploads\/2026\/01\/Blog-_-Release-3-elementor-io-optimized-1-elementor-io-optimized.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to activate the new features<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Update to the latest Elementor version (now 3.34).<\/li>\n\n\n\n<li>Go to WordPress &gt; Elementor &gt; Settings &gt; Editor V4 tab.<\/li>\n\n\n\n<li>Click &#8220;Activate.&#8221;<\/li>\n<\/ol>\n\n\n\n<p>During the first quarter of 2026, a production-ready Beta version will be rolled out, followed by the full release shortly after.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.<\/p>\n","protected":false},"author":2024242,"featured_media":149588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,15],"tags":[173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-149586","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-new-features","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>New in the Editor: Atomic Tabs, Entrance Interactions, and more!<\/title>\n<meta name=\"description\" content=\"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New in the Editor: Atomic Tabs, Entrance Interactions, and more!\" \/>\n<meta property=\"og:description\" content=\"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-06T07:28:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T07:28:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Roi Tal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Roi Tal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\"},\"author\":{\"name\":\"Roi Tal\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0\"},\"headline\":\"New in the Editor: Atomic Tabs, Entrance Interactions, and more!\",\"datePublished\":\"2026-01-06T07:28:33+00:00\",\"dateModified\":\"2026-01-06T07:28:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\"},\"wordCount\":500,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\",\"url\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\",\"name\":\"New in the Editor: Atomic Tabs, Entrance Interactions, and more!\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp\",\"datePublished\":\"2026-01-06T07:28:33+00:00\",\"dateModified\":\"2026-01-06T07:28:36+00:00\",\"description\":\"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"New in the Editor: Atomic Tabs, Entrance Interactions, and more!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0\",\"name\":\"Roi Tal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g\",\"caption\":\"Roi Tal\"},\"description\":\"Roi is a Product Marketing Manager at Elementor, working in the Editor Plugin team. He comes from a background of music and experience in content marketing and broadcasting, taking pride in creating meaningful communications that evoke and inspire. In his spare time, Roi enjoys making music, cooking, and watching movies.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/roit\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!","description":"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/","og_locale":"en_US","og_type":"article","og_title":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!","og_description":"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.","og_url":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2026-01-06T07:28:33+00:00","article_modified_time":"2026-01-06T07:28:36+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp","type":"image\/webp"}],"author":"Roi Tal","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Roi Tal","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/"},"author":{"name":"Roi Tal","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0"},"headline":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!","datePublished":"2026-01-06T07:28:33+00:00","dateModified":"2026-01-06T07:28:36+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/"},"wordCount":500,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp","keywords":["Video"],"articleSection":["Elementor","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/","url":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/","name":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp","datePublished":"2026-01-06T07:28:33+00:00","dateModified":"2026-01-06T07:28:36+00:00","description":"Elementor continues the journey towards version 4 and the evolution of the atomic editor, bringing new atomic capabilities, flexible layout tools, and lightweight motion effects into your workflow. This update introduces one of the most requested building blocks: Atomic Tabs. It also includes the first stage of Interactions and several foundational improvements that make Atomic Elements more consistent, predictable, and enjoyable to work with.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2026\/01\/Blog-Cover-_-Release-3-elementor-io-optimized-elementor-io-optimized.webp","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/elementor-334-v4-atomic-tabs-entrance-interactions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"New in the Editor: Atomic Tabs, Entrance Interactions, and more!"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/09f7425d5f0e4e8ac7764b202c165fc0","name":"Roi Tal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/53a4b8103bf51815f66eec9532fb9ba89fb71bfb887c67660c39f06e73f509a5?s=96&d=mm&r=g","caption":"Roi Tal"},"description":"Roi is a Product Marketing Manager at Elementor, working in the Editor Plugin team. He comes from a background of music and experience in content marketing and broadcasting, taking pride in creating meaningful communications that evoke and inspire. In his spare time, Roi enjoys making music, cooking, and watching movies.","url":"https:\/\/elementor.com\/blog\/author\/roit\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/149586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/2024242"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=149586"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/149586\/revisions"}],"predecessor-version":[{"id":149609,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/149586\/revisions\/149609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/149588"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=149586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=149586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=149586"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=149586"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=149586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}