Tab Islands | Arrange tabs in separate tab groups

<!DOCTYPE html> <html lang="en" class="large-screen-ready v2023 "> <head> <link rel="preload" href="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js" as="script" />  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted' }); </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRBZ42F'); </script>  <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, width=device-width"> <title>Tab Islands | Arrange tabs in separate tab groups | Opera Browser</title> <meta name="description" content="Keep tabs arranged in separate tab groups in Opera. Browse by context, collapse and expand groups for space, and switch between tab groups to stay focused."> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/apple-touch-icon.555ee4c450b1.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-32x32.ddd494719bed.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-16x16.052be2038748.png"> <link rel="manifest" href="/webmanifest"> <link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/safari-pinned-tab.2ff3aa479bec.svg" color="#ff0a21"> <link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon.90b13d0c7b36.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/browserconfig.f5848516ccd3.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.opera.com/features/tab-islands" /> <link rel="alternate" hreflang="en" href="https://www.opera.com/features/tab-islands" /><link rel="alternate" hreflang="de" href="https://www.opera.com/de/features/tab-islands" /><link rel="alternate" hreflang="en-ES" href="https://www.opera.com/es/features/tab-islands" /><link rel="alternate" hreflang="es-HN" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-AR" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-SV" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-PR" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-DO" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-EC" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-GT" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-PE" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-BO" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-NI" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-VE" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-PA" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-CR" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-UY" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="es-PY" href="https://www.opera.com/es-419/features/tab-islands" /><link rel="alternate" hreflang="fr" href="https://www.opera.com/fr/features/tab-islands" /><link rel="alternate" hreflang="en-ID" href="https://www.opera.com/id/features/tab-islands" /><link rel="alternate" hreflang="en-IT" href="https://www.opera.com/it/features/tab-islands" /><link rel="alternate" hreflang="en-JP" href="https://www.opera.com/ja/features/tab-islands" /><link rel="alternate" hreflang="en-KR" href="https://www.opera.com/ko/features/tab-islands" /><link rel="alternate" hreflang="en-NO" href="https://www.opera.com/no/features/tab-islands" /><link rel="alternate" hreflang="pl" href="https://www.opera.com/pl/features/tab-islands" /><link rel="alternate" hreflang="en-PT" href="https://www.opera.com/pt/features/tab-islands" /><link rel="alternate" hreflang="pt-BR" href="https://www.opera.com/pt-br/features/tab-islands" /><link rel="alternate" hreflang="ru" href="https://www.opera.com/ru/features/tab-islands" /><link rel="alternate" hreflang="en-TR" href="https://www.opera.com/tr/features/tab-islands" /><link rel="alternate" hreflang="en-UA" href="https://www.opera.com/ua/features/tab-islands" /><link rel="alternate" hreflang="en-VN" href="https://www.opera.com/vi/features/tab-islands" /><link rel="alternate" hreflang="en-CN" href="https://www.opera.com/zh-cn/features/tab-islands" /> <meta property="og:title" content="Tab Islands | Arrange tabs in separate tab groups | Opera Browser"> <meta property="og:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/og/og-img--features-tab-islands.9ae8eb428527.png"> <meta property="og:description" content="Keep tabs arranged in separate tab groups in Opera. Browse by context, collapse and expand groups for space, and switch between tab groups to stay focused."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.opera.com/features/tab-islands"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@opera"> <meta name="twitter:title" content="Tab Islands | Arrange tabs in separate tab groups | Opera Browser"> <meta name="twitter:description" content="Keep tabs arranged in separate tab groups in Opera. Browse by context, collapse and expand groups for space, and switch between tab groups to stay focused."> <meta name="twitter:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/og/og-img--features-tab-islands.9ae8eb428527.png"> <meta property="vk:image" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/opera-150.5800338be920.png"> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="stylesheet" type="text/css" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="all" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 320px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-320.4eb0e0b405f4.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 640px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-640.9343d3c37bce.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-768.1a04d8fb8869.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1024px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1024.fa0ba1810435.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1224px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1224.f455e6f99cb2.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1824px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1824.2173f5ae90e1.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1924px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1924.ec3e7ebf2c85.css"/> </head> <body class=""> <header id="header" class="hf hf__header"> <input id="header__switcher" class="hidden--clip header__switcher" type="checkbox"> <div class="header " role="navigation"> <div class="header__wrapper container-fluid wrapper"> <a class="header__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <div class="header__menu"> <ul class="header__main-nav-items" role="menu"> <li class="header__main-nav-item header__main-nav-item--dropdown active" role="menuitem"> <a href="/browsers" class="header__main-nav-anchor" data-menu="Browsers"> <i class="icon-component hover-color" data-icon-name="Browsers" data-icon-type="Header" data-icon-alt="Browsers" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Browsers </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/browsers/opera" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Browser <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--updated">Updated</span> </a> <a href="/gx" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera GX </a> <a href="/download" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Downloads </a> <a href="/features" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Features <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--hover-color">New</span> </a> <a href="/compare" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Compare Browsers </a> <a href="/browsers/opera-mini" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Mini </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/secure-private-browser" class="header__main-nav-anchor" data-menu="Privacy & Security"> <i class="icon-component hover-color" data-icon-name="Security" data-icon-type="Header" data-icon-alt="Security" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Privacy & Security </span> </a> </li> <li class="header__main-nav-item header__main-nav-item--dropdown" role="menuitem"> <a href="/about" class="header__main-nav-anchor" data-menu="About"> <i class="icon-component hover-color" data-icon-name="About us" data-icon-type="Header" data-icon-alt="About us" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> About </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/about" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> About Opera </a> <a href="https://blogs.opera.com/" target="_blank" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Blog </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/help" class="header__main-nav-anchor" data-menu="Help"> <i class="icon-component hover-color" data-icon-name="Help" data-icon-type="Header" data-icon-alt="Help" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Help </span> </a> </li> </ul> <div class="header__download"> <span class="download-button--wrapper download-button--desktop download-button--full download-button--small "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" data-event-action="download_opera" data-event-category="new_floating_header" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class="header__mobile container-fluid"> <a class="header__mobile__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <label class="header__menu-switcher" for="header__switcher"> language: </label> </div> </div> </div> </header> <main class="feature-page "> <section class="hero hero--glow hero--glow-color-1--aurora hero--glow-color-2--avocado" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class=""> <div class=""> <h1 class="pb3 text-40 text-md-56 font-weight--900" > Tab Islands </h1> <p class="text-level-1 hero__title"> Organize tabs in separate tab groups. Browse by context, collapse and expand tab groups for space, and switch between them to stay focused. <a href="#see-more" data-custom-offset="20">See more</a> </p> <div class="text-align--center my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class=""> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.f90b0e998ed0.webp 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile%402x.6225791b6f39.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.e61176f6498f.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.e61176f6498f.png 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile%402x.727dde1589bd.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="Tab Islands" /> </picture> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands.870760d4440b.webp 1181w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands%402x.523b31d52c21.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands.3c94903ec71e.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands%402x.d759527dd30e.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="Tab Islands" /> </picture> <span id="see-more" class="move-top-by-header-height"></span> </div> </div> </div> </div> </section> <section class="benefits section-component " id="benefits"> <div class="container-fluid wrapper"> <div class="row between-lg vmb50 middle-xs"> <div class="col-xs-12 col-lg-5"> <h2 class="h-level-3 font-weight--900 mb0 text-transform--uppercase"> Benefits of Tab Islands </h2> </div> <div class="col-xs-12 col-lg-6"> <p class="text-level-2 block--opacity-50"> Got lots of tabs? Save space, keep organized, and switch contexts easily with Tab Islands. </p> </div> </div> </div> <div class="x-scroll-wrapper container-fluid wrapper"> <div class="x-scroll-wrapper__inner"> <div class="row"> <div class="col-xs-3"> <div class="tile-component tile-component__v1 avocado no-icon"> <h3 class="text-24 font-weight--900 flex"> Automatic </h3> <div class="text-16"> Opening new tabs creates a tab island, a separate tab group at the top of Opera Browser. Click + to create a new tab group. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 sapphire no-icon"> <h3 class="text-24 font-weight--900 flex"> Organized </h3> <div class="text-16"> Each tab island has a color tag. Click the color to collapse or expand the tab group - this saves space in your browser and helps you focus. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 coral no-icon"> <h3 class="text-24 font-weight--900 flex"> Efficient </h3> <div class="text-16"> Tabs can be easily dragged and dropped between islands, and you can <b>Shift+Click</b> multiple tabs to manage them all at once. </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 purple no-icon"> <h3 class="text-24 font-weight--900 flex"> Intuitive </h3> <div class="text-16"> With separate tab islands, you can switch browsing contexts in one click and quickly find the tab you need in Opera Browser. </div> </div> </div> </div> </div> </div> <div class="container-fluid wrapper"> <div class="text-align--center mt5 mb0"> <div class="button-component button-component__v-arrowed-vertical" > <a href="#explore-more" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Explore more</span> </a> </div> </div> </div> </section> <div id="explore-more"></div> <section class="horizontal-slider-section section-component" id="more-benefits"> <div class="container-fluid wrapper"> <div class="row between-lg middle-xs"> <div class="col-xs-12"> <div class="slider-component__wrapper pb-96" data-visible-slides="1"> <div class="horizontal-slider--image__cover tns-slider mt1" id="more-about" > <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <i class="icon-component False" data-icon-name="Thumb Up" data-icon-type="Feedback" data-icon-alt="All browsers should be this easy" data-icon-width=""></i> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> All browsers should be this easy </h3> <div class="banner-copy text-14 text-md-18 mt4"> Tab Islands is such a simple and intuitive way to group tabs and keep your browsing organized, you’ll never again be overwhelmed by tabs.<br/><br/> At its core, Tab Islands arranges your tabs into groups by browsing session, so that related tabs are naturally grouped by context. Shop, research, work, relax - switch between tab groups in one click and stay focused. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-01.298c067b0af1.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-01.298c067b0af1.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-01%402x.26cc33fcd34d.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="All browsers should be this easy" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-01.298c067b0af1.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-01%402x.26cc33fcd34d.png 2x" sizes="calc(100vw - 4rem)" alt="All browsers should be this easy"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <i class="icon-component False" data-icon-name="History" data-icon-type="Feature" data-icon-alt="A major space and time saver" data-icon-width=""></i> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> A major space and time saver </h3> <div class="banner-copy text-14 text-md-18 mt4"> Instead of displaying 30+ separate tabs, Tab Islands shows them as a few tab groups, visually connected and color-coded for easy reference.<br/><br/> Just click the color tab on an island to collapse it, and enjoy the clean space it creates in your Opera Browser. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-02.f0b19825d740.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-02.f0b19825d740.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-02%402x.29571484cb3b.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="A major space and time saver" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-02.f0b19825d740.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-02%402x.29571484cb3b.png 2x" sizes="calc(100vw - 4rem)" alt="A major space and time saver"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <div class="banner__icon"> <i class="icon-component False" data-icon-name="Folder" data-icon-type="Feature" data-icon-alt="Chaos organized" data-icon-width=""></i> </div> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Chaos organized </h3> <div class="banner-copy text-14 text-md-18 mt4"> Just like the <a href='/features/workspaces'>Workspaces on the top of your Opera Browser sidebar</a>, Tab Islands is a simple but impactful feature that lets you keep tabs organized in groups without effort.<br/><br/> And when you want to tweak your tab groups, just drag and drop tabs between islands. You can also right-click a tab for context-menu options, and Shift+click tabs to manage entire tab groups at once. </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-03.10dbae6dfe75.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-03.10dbae6dfe75.png 580w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-03%402x.be4f75aaac6e.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Chaos organized" /> </picture> <picture class="hidden--from-md"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-03.10dbae6dfe75.png" data-srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/slider/tab-islands/opera-fp-desktop-hero-top-laptop-tab-islands-03%402x.be4f75aaac6e.png 2x" sizes="calc(100vw - 4rem)" alt="Chaos organized"/> </picture> </div> </div> </div> </div> </div> </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </div> </div> </section> <section class="more-unique-features section-component "> <div class="more-unique-features__image block--relative more-unique-features__image--mobile mb6"> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features.3be7d35b81d6.webp 1366w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features%402x.792e2c95a00a.webp 2732w" sizes="100vw" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features.ea979baa9a5c.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features%402x.f364dac2cf22.png 2732w" sizes="100vw" class="width-100" alt="Arrange tabs in separate groups with Tab Islands"/> </picture> <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features__mobile.18d6cd3313d0.webp 376w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features__mobile%402x.1c88b1854405.webp 752w" sizes="100vw" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features__mobile.08a31cc937f0.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features__mobile.08a31cc937f0.png 376w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/more-unique-features/tab-islands/opera__features--tab-islands--more-features__mobile%402x.e14d9c5decc8.png 752w" sizes="100vw" class="width-100" alt="Arrange tabs in separate groups with Tab Islands"/> </picture> <div class="more-unique-features__content vpt1"> <div class="container-fluid wrapper"> <div class="row"> <div class="col-xs-12 col-lg-5"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat-darkmode.module.d5dc23d0d00c.svg" alt="Opera" style="height: 4rem;" class="logo-component vmb1 block--filter-from-black"> <h2 class="more-unique-features__header text-40 text-md-48"> Arrange tabs in separate groups with Tab Islands</h2> </div> </div> </div> </div> <div class="more-unique-features__try-now"> <div class="button-component color--black button-component__v-arrowed-vertical" > <a href="#features" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Discover more features</span> </a> </div> </div> </div> </section> <section class="feature-slider section-component"> <div class="feature-slider__content container-fluid wrapper block--relative" dir="ltr"> <div class="slider-component__wrapper pb-96" data-visible-slides="4"> <div class="section--feature-slider tns-feature-slider tns-slider mt1" id="features" >  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-islands" >Tab Islands</a> </h3> <div class="text-16"> Save space, keep organized, and switch contexts easily with Tab Islands. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/workspaces" >Workspaces</a> </h3> <div class="text-16"> Organize tab groups in separate customizable workspaces. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/splitscreen" >Split screen</a> </h3> <div class="text-16"> Split your screen between two tabs </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-emojis" >Tab Emojis</a> </h3> <div class="text-16"> Make your tabs stand out more with emojis, and identify them easily. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/x" >Twitter in the sidebar</a> </h3> <div class="text-16"> Explore and tweet conveniently with a better view on desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/pinboards" >Pinboards</a> </h3> <div class="text-16"> Save and collect web content easily, share it visually. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/instagram" >Instagram in the sidebar</a> </h3> <div class="text-16"> Use Instagram in Opera’s sidebar while you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/search-in-tabs" >Search in tabs</a> </h3> <div class="text-16"> Work and browse more efficiently with many open tabs. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/ad-blocker" >Ad blocker</a> </h3> <div class="text-16"> Browse with less distractions and load websites faster. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/lucid-mode" >Lucid Mode</a> </h3> <div class="text-16"> Enhance online videos and images in one click. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/messenger" >Facebook Messenger in the sidebar</a> </h3> <div class="text-16"> Use Messenger on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/news-reader" >Personal news</a> </h3> <div class="text-16"> A customizable and convenient newsfeed on your start page. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/snapshot" >Snapshot tool</a> </h3> <div class="text-16"> Easily capture, edit and share your snapshots from webpages. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/flow" >Opera Flow</a> </h3> <div class="text-16"> Instantly send files, links and notes between your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/video-popout" >Video popout</a> </h3> <div class="text-16"> Pop out online videos so they float on top of webpages as you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/bookmarks" >Import bookmarks</a> </h3> <div class="text-16"> Easily manage, customize and keep your favorite places online. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/free-vpn" >Free VPN</a> </h3> <div class="text-16"> Browse comfortably with enhanced privacy and security, for free. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tiktok" >TikTok in the sidebar</a> </h3> <div class="text-16"> Browse, watch and upload TikTok videos on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/sync" >Sync data</a> </h3> <div class="text-16"> Synchronize the Opera browsers on any of your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/easy-files" >Easy Files</a> </h3> <div class="text-16"> Attach files in one click without digging through folders. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/battery-saver" >Battery saver</a> </h3> <div class="text-16"> An easy way to noticeably extend your laptop’s battery life. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/units-converter" >Unit converter</a> </h3> <div class="text-16"> Automatically convert time-zones, currencies and units of measurement. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/music-player" >Music Player</a> </h3> <div class="text-16"> A world of music and podcasts at your fingertips. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/aria" >Aria Browser AI</a> </h3> <div class="text-16"> Chat and create with Opera’s free AI on mobile and desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/vpn-pro" >VPN Pro</a> </h3> <div class="text-16"> Browse privately anywhere with VPN Pro. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/opera-wallet" >Opera Wallet</a> </h3> <div class="text-16"> Make secure crypto translations with a built-in Opera Wallet. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/whatsapp" >WhatsApp</a> </h3> <div class="text-16"> Chat in WhatsApp on desktop in your Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/telegram" >Telegram</a> </h3> <div class="text-16"> Chat in Telegram on desktop in Opera Browser. </div> </div> </div>  </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </section> <section class="hero hero--glow hero--placement-bottom hero--glow-color-1--aurora hero--glow-color-2--avocado" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class=""> <div class=""> <h2 class="pb3 text-40 text-md-56 font-weight--900" > You deserve a better browser </h2> <p class="text-level-1 hero__title"> Opera's free VPN, Ad blocker, and Flow file sharing. Just a few of the must-have features built into Opera for faster, smoother and distraction-free browsing designed to improve your online experience. </p> <div class="text-align--center my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class=""> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.f90b0e998ed0.webp 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile%402x.6225791b6f39.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.e61176f6498f.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile.e61176f6498f.png 320w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands__mobile%402x.727dde1589bd.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="You deserve a better browser" /> </picture> <picture class="hidden--to-md"> <source srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands.870760d4440b.webp 1181w, https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands%402x.523b31d52c21.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands.3c94903ec71e.png" srcset="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/sections/2023/hero-top/tab-islands/opera__feature--tab-islands%402x.d759527dd30e.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="You deserve a better browser" /> </picture> </div> </div> </div> </div> </section> </main> <footer class="hf hf__footer"> <div class="wrapper container-fluid"> <div class="breadcrumbs"> <div class="breadcrumbs__container"> <div class="breadcrumbs__crumb breadcrumbs__logo breadcrumbs__sep"> <a href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat.module.724a32ec0873.svg" alt="Opera" width="16px" class="logo-component "> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill="#B3B3B3" fill-rule="evenodd" d="M8.03 0a7.97 7.97 0 0 1 5.302 2.036 5.773 5.773 0 0 0-3.206-.98c-1.905 0-3.612.945-4.76 2.436-.884 1.044-1.457 2.587-1.496 4.32v.377c.04 1.732.612 3.275 1.497 4.32 1.147 1.49 2.854 2.435 4.759 2.435 1.17 0 2.265-.357 3.203-.978-2.049.997-3.962.297-4.594-.14 2.015-.441 3.538-2.878 3.538-5.826 0-2.948-1.523-5.385-3.538-5.827.632-.436 2.545-1.136 4.597-.136a7.979 7.979 0 0 1 2.662 5.655L16 8c0 2.37-1.03 4.499-2.668 5.963l-.002.001-.226.196a7.967 7.967 0 0 1-5.485 1.83A8 8 0 0 1 8 0h.03z"/> </svg> </a> </div> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <a itemprop="item" href="/features"> <span itemprop="name">Features</span> </a> <meta itemprop="position" content="1" /> </div> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <span itemprop="name">Tab islands</span> <meta itemprop="position" content="2" /> </div> </li> </ol> </div> </div> <div class="footer__content"> <div class="row"> <div class="col-xs-12 col-xl-2"> <input id="hf-features-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label hf__label--no-spacing" for="hf-features-switcher">Features<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/features/ad-blocker"> <span>Ad Blocker</span> </a> </li> <li> <a class="hf__link" href="/features/free-vpn"> <span>Free VPN</span> </a> </li> <li> <a class="hf__link" href="/features/vpn-pro"> <span>VPN Pro</span> </a> </li> <li> <a class="hf__link" href="/features/aria"> <span>Aria, browser AI</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-messengers"> <span>Built-in Messengers</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-social-media"> <span>Built-in Social Media</span> </a> </li> <li class="hf__links__features"> <a class="hf__link hf__link--features" href="/features"> <span>More features</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-services-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-services-switcher">Services<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/products"> <span>Products</span> </a> </li> <li> <a class="hf__link" href="/gaming"> <span>Gaming</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com" target="_blank"> <span>Addons</span> </a> </li> <li> <a class="hf__link" href="https://auth.opera.com" target="_blank" rel="nofollow noopener"> <span>Opera Account</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com/wallpapers" target="_blank"> <span>Wallpapers</span> </a> </li> <li> <a class="hf__link" href="/ads" target="_blank"> <span>Opera Ads</span> </a> </li> <li> <a class="hf__link" href="https://www.devicetest.ai/" target="_blank"> <span>AI Benchmark</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-help-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-help-switcher">Help<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/switch-to-opera"> <span>Switch to Opera</span> </a> </li> <li> <a class="hf__link" href="/help"> <span>Help & Support</span> </a> </li> <li> <a class="hf__link" href="https://blogs.opera.com" target="_blank"> <span>Opera Blog</span> </a> </li> <li> <a class="hf__link" href="https://forums.opera.com" target="_blank"> <span>Opera Forums</span> </a> </li> <li> <a class="hf__link" href="https://help.opera.com/en/faq/" target="_blank"> <span>FAQ</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-legal-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-legal-switcher">Legal<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/impressum" rel="nofollow"> <span>Impressum</span> </a> </li> <li> <a class="hf__link" href="https://security.opera.com" target="_blank" rel="nofollow"> <span>Security</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/privacy/" target="_blank" rel="nofollow"> <span>Privacy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/cookies/" target="_blank" rel="nofollow"> <span>Cookie Policy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/eula/" target="_blank" rel="nofollow"> <span>EULA</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/terms/" target="_blank" rel="nofollow"> <span>Terms of Service</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/transparency/" target="_blank" rel="nofollow"> <span>ESG</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2 mb4"> <input id="hf-company-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-company-switcher">Company<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/about"> <span>About Opera</span> </a> </li> <li> <a class="hf__link" href="/newsroom"> <span>Press Info</span> </a> </li> <li> <a class="hf__link" href="https://jobs.opera.com" target="_blank"> <span>Jobs</span> </a> </li> <li> <a class="hf__link" href="https://investor.opera.com/" target="_blank"> <span>Investors</span> </a> </li> <li> <a class="hf__link" href="/affiliate"> <span>Opera Affiliate</span> </a> </li> <li> <a class="hf__link" href="/gx/affiliate"> <span>Opera GX Affiliate</span> </a> </li> <li> <a class="hf__link" href="/b2b"> <span>Become a Partner</span> </a> </li> <li> <a class="hf__link" href="/contact"> <span>Contact Us</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <a class="hf--brand" href="/"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" class="hidden-in-darkmode" alt="Opera" style="width: 10.6rem"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" class="hidden-in-lightmode" alt="Opera" style="width: 10.6rem"> </a> <p class="text-level-5 my-32 my-xl-24"> Innovate and inspire, uncover the unexpected, support open standards. </p> <p class="footer__follow-label">Follow us</p> <div class="footer__social-icons"> <div class="footer__social-box"> <ul class="footer__social-icons "> <li> <a class="facebook" href="https://www.facebook.com/Opera/" rel="noopener nofollow" target="_blank" title="Opera - Facebook"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 8.04889C16 3.60361 12.4183 0 8 0C3.58172 0 0 3.60361 0 8.04889C0 12.0663 2.92547 15.3962 6.75 16V10.3755H4.71875V8.04889H6.75V6.27562C6.75 4.25837 7.94438 3.1441 9.77172 3.1441C10.6467 3.1441 11.5625 3.3013 11.5625 3.3013V5.28208H10.5538C9.56 5.28208 9.25 5.90257 9.25 6.53972V8.04889H11.4688L11.1141 10.3755H9.25V16C13.0745 15.3962 16 12.0663 16 8.04889Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="tiktok" href="https://www.tiktok.com/@opera.browser" rel="noopener nofollow" target="_blank" title="Opera - Tiktok"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM9.93885 10.108C9.93885 11.7554 8.6094 13.0909 6.96943 13.0909C5.32946 13.0909 4 11.7554 4 10.108C4 8.46051 5.32946 7.125 6.96943 7.125C7.01669 7.125 7.06315 7.12825 7.10957 7.1315C7.12402 7.13252 7.13848 7.13353 7.15295 7.13444V8.60441C7.13732 8.60252 7.12177 8.60039 7.10621 8.59825C7.06111 8.59206 7.01604 8.58587 6.96943 8.58587C6.13242 8.58587 5.45389 9.26748 5.45389 10.1083C5.45389 10.9491 6.13242 11.6307 6.96943 11.6307C7.80659 11.6307 8.5459 10.9682 8.5459 10.1272L8.56053 3.27273H9.96044C10.0925 4.53382 11.1047 5.51885 12.3636 5.61131V7.24499H12.3622C12.2824 7.25278 12.2022 7.25687 12.122 7.25723C11.2418 7.25735 10.421 6.81171 9.93885 6.07202V10.108Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="twitter" href="https://twitter.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Twitter"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8027)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7405 4L8.76187 7.38784L12 12H9.6176L7.43627 8.89352L4.7056 12H4L7.12347 8.44776L4 4H6.3824L8.44747 6.94102L11.0349 4H11.7405ZM6.04427 4.52063H4.96027L9.95013 11.5049H11.0344L6.04427 4.52063Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8027"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="youtube" href="https://www.youtube.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Youtube"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2602 3.30587C14.9455 3.47062 15.4859 3.9529 15.6704 4.56475C16.0131 5.6823 16 8.01177 16 8.01177C16 8.01177 16 10.3294 15.6705 11.447C15.4859 12.0588 14.9456 12.5411 14.2602 12.7058C13.0081 13 7.99998 13 7.99998 13C7.99998 13 3.00487 13 1.73974 12.6941C1.05432 12.5294 0.514036 12.047 0.329467 11.4353C0 10.3294 0 8 0 8C0 8 0 5.6823 0.329467 4.56475C0.513914 3.95301 1.0675 3.45885 1.73962 3.29421C2.99169 3 7.99985 3 7.99985 3C7.99985 3 13.0081 3 14.2602 3.30587ZM10.5701 7.99999L6.4054 10.1412V5.85881L10.5701 7.99999Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="linkedin" href="https://www.linkedin.com/company/opera-software" rel="noopener nofollow" target="_blank" title="Opera - LinkedIn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8026)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.666667 0C0.298477 0 0 0.298478 0 0.666668V15.3334C0 15.7015 0.298478 16 0.666668 16H15.3334C15.7015 16 16 15.7015 16 15.3334V0.666667C16 0.298477 15.7015 0 15.3334 0H0.666667ZM2.56759 2.90355C2.31048 3.1423 2.18192 3.44533 2.18192 3.81264C2.18192 4.17995 2.3068 4.48482 2.55658 4.72725C2.80635 4.96967 3.13325 5.09088 3.53729 5.09088H3.54831C3.96705 5.09088 4.30497 4.96967 4.56209 4.72725C4.81186 4.49216 4.93674 4.19832 4.93674 3.8457C4.93674 3.45635 4.80818 3.14047 4.55107 2.89804C4.30129 2.66296 3.9744 2.54543 3.57035 2.54543C3.15897 2.54543 2.82471 2.6648 2.56759 2.90355ZM2.32517 6.09364V13.4545H4.77145V6.09364H2.32517ZM8.57311 13.4545H6.12683C6.14152 11.236 6.14887 9.51329 6.14887 8.28648C6.14887 7.05966 6.14152 6.32871 6.12683 6.09364H8.57311V7.14047L8.56209 7.16251H8.57311V7.14047C9.10204 6.32504 9.84033 5.91733 10.788 5.91733C11.6328 5.91733 12.3123 6.19832 12.8266 6.76031C13.3408 7.32229 13.5979 8.1469 13.5979 9.23414V13.4545H11.1516V9.52064C11.1516 8.41136 10.7402 7.85673 9.91747 7.85673C9.60158 7.85673 9.33895 7.94304 9.12959 8.11568C8.92022 8.28831 8.76411 8.49952 8.66127 8.74929C8.6025 8.88886 8.57311 9.08721 8.57311 9.34433V13.4545Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8026"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="instagram" href="https://www.instagram.com/opera/" rel="noopener nofollow" target="_blank" title="Opera - Instagram"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.76005 0.420048C3.26863 0.222309 3.85024 0.0872527 4.70197 0.0484805C5.55564 0.00906211 5.8277 1.52588e-05 8.00097 1.52588e-05C10.1736 1.52588e-05 10.4463 0.00970831 11.2993 0.0484805C12.1504 0.0866065 12.732 0.222309 13.2412 0.420048C13.7666 0.624248 14.2132 0.898238 14.6578 1.34283C15.1024 1.78806 15.3757 2.23394 15.5806 2.75995C15.7783 3.26851 15.9134 3.8501 15.9522 4.70179C15.991 5.55478 16 5.82748 16 8.00002C16 10.1726 15.991 10.4446 15.9522 11.2982C15.9141 12.1499 15.7783 12.7315 15.5806 13.2401C15.3757 13.7661 15.1024 14.2126 14.6578 14.6572C14.2125 15.1018 13.7666 15.3751 13.2406 15.58C12.732 15.7777 12.1504 15.9128 11.2987 15.9516C10.4457 15.991 10.1736 16 8.00032 16C5.8277 16 5.55564 15.9903 4.70197 15.9516C3.85024 15.9128 3.26928 15.7777 2.76005 15.58C2.23337 15.3751 1.78747 15.1018 1.34287 14.6572C0.897613 14.2126 0.624258 13.7661 0.420049 13.2401C0.222303 12.7315 0.087241 12.1499 0.0484672 11.2982C0.00904722 10.4452 0 10.1726 0 8.00002C0 5.82748 0.00904722 5.55478 0.0484672 4.70179C0.087241 3.8501 0.222303 3.26851 0.420049 2.75995C0.624258 2.23329 0.898259 1.78741 1.34287 1.34283C1.78812 0.898238 2.23402 0.624248 2.76005 0.420048ZM4.76813 14.5118C3.98813 14.4762 3.5642 14.3464 3.28244 14.2365C2.90892 14.0911 2.64268 13.9179 2.36221 13.6381C2.08239 13.3583 1.90856 13.0921 1.7638 12.7186C1.65394 12.4368 1.52405 12.0129 1.48851 11.2329C1.44974 10.3896 1.44198 10.1363 1.44198 7.99999C1.44198 5.86364 1.45038 5.61097 1.48851 4.76703C1.52405 3.98706 1.65459 3.5638 1.7638 3.28141C1.9092 2.9079 2.08239 2.64167 2.36221 2.36121C2.64203 2.08141 2.90828 1.90758 3.28244 1.76283C3.5642 1.65297 3.98813 1.52309 4.76813 1.48755C5.61145 1.44877 5.86478 1.44102 8.00057 1.44102C10.137 1.44102 10.3897 1.44942 11.2337 1.48755C12.0137 1.52309 12.4369 1.65362 12.7193 1.76283C13.0929 1.90758 13.3591 2.08141 13.6396 2.36121C13.9194 2.64102 14.0926 2.9079 14.238 3.28141C14.3478 3.56315 14.4777 3.98706 14.5133 4.76703C14.552 5.61097 14.5598 5.86364 14.5598 7.99999C14.5598 10.1357 14.552 10.389 14.5133 11.2329C14.4777 12.0129 14.3472 12.4368 14.238 12.7186C14.0926 13.0921 13.9194 13.3583 13.6396 13.6381C13.3597 13.9179 13.0929 14.0911 12.7193 14.2365C12.4376 14.3464 12.0137 14.4762 11.2337 14.5118C10.3903 14.5506 10.137 14.5583 8.00057 14.5583C5.86478 14.5583 5.61145 14.5506 4.76813 14.5118ZM12.2714 4.68945C11.7408 4.68945 11.3111 4.25907 11.3111 3.72919C11.3111 3.1993 11.7408 2.76958 12.2714 2.76958C12.8019 2.76958 13.2317 3.1993 13.2317 3.72919C13.2317 4.25907 12.8013 4.68945 12.2714 4.68945ZM3.892 7.99999C3.892 10.2688 5.73117 12.1079 8.00009 12.1079C10.269 12.1079 12.1082 10.2688 12.1082 7.99999C12.1082 5.73117 10.269 3.89208 8.00009 3.89208C5.73117 3.89208 3.892 5.73117 3.892 7.99999ZM5.33393 7.99999C5.33393 6.52729 6.52751 5.33311 8.00027 5.33311C9.47303 5.33311 10.6673 6.52729 10.6673 7.99999C10.6673 9.47269 9.47303 10.6669 8.00027 10.6669C6.52751 10.6669 5.33393 9.47269 5.33393 7.99999Z" fill="#3C4055"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="footer__company-box center-xs start-xl"> <p class="footer__company-box-p">© 1995-2024 Opera Norway </p> <p class="footer__company-box-p">All rights reserved</p> </div> <div class="footer__lang-box"> <p class="footer__lang-box-label">Language:</p> <form action="/i18n/setlang/" method="post"> <input name="next" type="hidden" value="https://www.opera.com/features/tab-islands"/> <select id="footer__lang-selector" class="footer__lang-selector" name="language" onchange="this.form.submit()"> <option value="en" selected="selected"> English </option> <option value="de"> Deutsch </option> <option value="es"> Español </option> <option value="es-419"> Español Latinoamérica </option> <option value="fr"> Français </option> <option value="id"> Bahasa Indonesia </option> <option value="it"> Italiano </option> <option value="ja"> 日本語 </option> <option value="ko"> 한국어 </option> <option value="no"> Norsk </option> <option value="pl"> Polski </option> <option value="pt"> Português </option> <option value="pt-br"> Português Brasileiro </option> <option value="ru"> Русский </option> <option value="tr"> Türkçe </option> <option value="ua"> Українська </option> <option value="vi"> Tiếng Việt </option> <option value="zh-cn"> 简体中文 </option> </select> </form> </div> </div> </div> </footer> <script defer=true src="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js"></script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRBZ42F" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script defer=true src="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js"></script> </body> </html>

CINXE.COM

Tab Islands | Arrange tabs in separate tab groups | Opera Browser