1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Best Note Taking Browser Extensions (2026 Guide)</title><link rel="preconnect" href="https://tooltivity.com" crossorigin="anonymous"><style>.tailwindcss-scoped-preflight a{color:#5048e5;font-weight:500;text-decoration:none}.tailwindcss-scoped-preflight a:hover{text-decoration:underline}.tailwindcss-scoped-preflight li{margin:12px 0}@media(prefers-color-scheme:dark){.tailwindcss-scoped-preflight a{color:#b391f7}}</style><style>.fade-enter-active[data-v-33ba145c],.fade-leave-active[data-v-33ba145c]{transition:opacity .2s}.fade-enter-from[data-v-33ba145c],.fade-leave-to[data-v-33ba145c]{opacity:0}</style><style>.fade-enter-active[data-v-cd3b856f],.fade-leave-active[data-v-cd3b856f]{transition:opacity .15s ease}.fade-enter-from[data-v-cd3b856f],.fade-leave-to[data-v-cd3b856f]{opacity:0}</style><style>.sheet-enter-active[data-v-da36a051],.sheet-leave-active[data-v-da36a051]{transition:opacity .25s ease}.sheet-enter-from[data-v-da36a051],.sheet-leave-to[data-v-da36a051]{opacity:0}
1.sheet-enter-active .sheet-panel[data-v-da36a051]{animation:sheet-rise-da36a051 .4s cubic-bezier(.2,.7,.2,1) both}.sheet-badge[data-v-da36a051]{animation:sheet-pop-da36a051 .5s cubic-bezier(.2,1.4,.4,1) .6s both}@keyframes sheet-rise-da36a051{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes sheet-pop-da36a051{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sheet-enter-active[data-v-da36a051],.sheet-leave-active[data-v-da36a051]{transition:none}.sheet-badge[data-v-da36a051],.sheet-enter-active .sheet-panel[data-v-da36a051]{animation:none}}</style><link rel="stylesheet" href="/_nuxt/entry.Y2NMpOaC.css" crossorigin><link rel="stylesheet" href="/_nuxt/index.tn0RQdqM.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bb3vj3Dv.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/It4EV84_.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DNRNffl9.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/ByBG28fw.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/Bw2G_vWR.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BNDEtJDa.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BtNopuL1.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/QC37_bUd.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BX0GtZ9F.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BXvCNyWJ.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C8YCi8qv.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BpuVYuC7.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/MC4J7EeQ.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/DoqpEm-q.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/BLb1ULKl.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/7eUW3p-h.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CK6wS44L.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/cbb79546-cfc7-4688-8432-5dc1f22df9df.json"><link rel="dns-prefetch" href="https://tooltivity.com"><link rel="icon" href="/favicon.ico" sizes="32x32"><link rel="icon" type="image/svg+xml" href="/images/logo.svg"><link rel="apple-touch-icon" href="/icons/icon-512x512.png"><link rel="canonical" href="https://tooltivity.com/categories/note-taking-apps"><meta name="description" content="Compare the top-rated Note Taking extensions for your device, hand-picked and reviewed for 2026. Ratings, pricing and honest pros and cons."><meta name="keywords" content="productivity, browser extensions, productivity tools, productivity apps, productivity tools for browser, productivity tools for chrome, productivity tools for firefox"><meta name="robots" content="index, follow"><meta name="author" content="Tooltivity"><meta name="language" content="en"><meta property="og:title" content="Best Note Taking Browser Extensions (2026 Guide)"><meta property="og:description" content="Compare the top-rated Note Taking extensions for your device, hand-picked and reviewed for 2026. Ratings, pricing and honest pros and cons."><meta property="og:type" content="website"><meta property="og:site_name" content="Best Note Taking Browser Extensions (2026 Guide)"><meta name="og:locale" content="en"><meta property="og:url" content="https://tooltivity.com/categories/note-taking-apps"><meta property="og:image" content="/data/tooltivity/categories/note-taking-apps/image.webp"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Best Note Taking Browser Extensions (2026 Guide)"><meta name="twitter:description" content="Compare the top-rated Note Taking extensions for your device, hand-picked and reviewed for 2026. Ratings, pricing and honest pros and cons."><meta name="twitter:image" content="/data/tooltivity/categories/note-taking-apps/image.
1webp"><meta name="twitter:image:alt" content="Free From above of crop unrecognizable female with dark hair sitting at wooden table and writing plan for 2021 in notebook Stock Photo"><meta name="twitter:site" content="@WebHighlights_"><meta name="twitter:creator" content="@MariusBongarts"><meta name="twitter:creator:id" content="MariusBongarts"><meta name="theme-color" content="#5048e5">
1<script type="application/ld+json">{"@type":"WebSite","name":"ProdApps - Best Productivity Mobile Apps","description":"Discover and compare the best productivity mobile apps at ProdApps. Explore our in-depth reviews of top tools to boost your mobile experience.","alternateName":"ProdApps","author":{"@type":"Person","name":"Marius Bongarts","image":"https://productivity-apps.com/_nuxt/promise.CHB845tx.webp","url":"https://blog.marius-bongarts.de/"},"datePublished":"2024-10-11","dateModified":"2026-10-07","url":"https://productivity-apps.com","about":{"@type":"WebPage","url":"https://productivity-apps.com/about","name":"About ProdApps","description":"Learn more about ProdApps and our mission to help users find the best mobile apps."},"provider":{"@type":"Organization","name":"ProdApps","legalName":"Web Highlights GmbH","url":"https://productivity-apps.com","logo":{"@type":"ImageObject","url":"https://productivity-apps.com/images/logo.png","width":"512","height":"512","caption":"ProdApps logo"}},"publisher":{"@type":"Organization","name":"ProdApps","legalName":"Web Highlights GmbH","logo":{"@type":"ImageObject","url":"https://productivity-apps.com/images/logo.png","width":"512","height":"512","caption":"ProdApps logo"}}}</script>
1<script type="application/ld+json" children="{"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://tooltivity.com/categories/note-taking-apps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","@id":"https://tooltivity.com/#breadcrumb-1","item":{"@id":"https://tooltivity.com/","name":"Home"}},{"@type":"ListItem","position":2,"name":"Categories","@id":"https://tooltivity.com/categories#breadcrumb-2","item":{"@id":"https://tooltivity.com/categories","name":"Categories"}},{"@type":"ListItem","position":3,"name":"Note Taking","@id":"https://tooltivity.com/categories/note-taking-apps#breadcrumb-3","item":{"@id":"https://tooltivity.com/categories/note-taking-apps","name":"Note Taking"}}]}"></script>
1<script type="module" src="/_nuxt/Bb3vj3Dv.js" crossorigin></script>
1<script defer data-domain="tooltivity.com" src="https://analytics.web-highlights.com/js/script.outbound-links.pageview-props.tagged-events.js"></script>
vendor: 1 bytes, line 1
1
2<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
vendor: 1 bytes, line 2
2
3<script> 4 window.addEventListener("load", function () { 5 var script = document.createElement("script"); 6 script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8081019835494096"; 7 script.async = true; 8 script.crossOrigin = "anonymous"; 9 document.head.appendChild(script); 10 }); 11</script>
11</head><body class="antialiased duration-300 transition-colors text-gray-800 dark:text-gray-200 bg-white dark:bg-gray-950" style=""><!--teleport start anchor--><!----><!--teleport anchor--><!--teleport start anchor--><!----><!--teleport anchor--><!--teleport start anchor--><!----><!--teleport anchor--><!--teleport start anchor--><!----><!--teleport anchor--><div id="__nuxt"><!--[--><div class="nuxt-loading-indicator" style="position:fixed;top:0;right:0;left:0;pointer-events:none;width:auto;height:2px;opacity:0;background:#5048e5;background-size:0% auto;transform:scaleX(0%);transform-origin:left;transition:transform 0.1s, height 0.4s, opacity 0.4s;z-index:999999;"></div><nav class="w-full z-20 top-0 start-0 p-2"><div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto"><a href="/" class="flex items-center flex items-center space-x-3 rtl:space-x-reverse" title="Visit {{ config.title }} Homepage"><!----><svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 lg:w-12 -mt-1 lg:h-12 fill-primary-600 text-primary-600 dark:fill-primary-400 dark:text-primary-400" viewB
11ox="0 0 1700.79 1700.79" aria-label="{{ config.title }} Logo"><path class="fill-primary-700 dark:fill-primary-600" d="M762.7,769.89c99.36,0,198.71-.2,298.07.09,49.12.14,69.27,17.74,69.49,66.5.9,202.69.82,405.39.13,608.08-.15,44.07-22.34,63.84-68.11,64.27-64.86.61-129.74-.25-194.6.4-23.77.24-45.1-3.8-54.94-27.75-10.69-26.01,3.21-43.42,22.61-60.35,50.87-44.38,64.98-97.32,42.86-151.2-19.98-48.69-69.44-79.26-125.71-77.07-52.08,2.02-89.65,27.96-109.51,74.98-20.24,47.93-14.91,94.66,20.49,135.12,9.92,11.34,23.19,19.78,33,31.2,25.16,29.31,10.32,72.11-28.12,73.51-77.17,2.81-154.63,3.12-231.74-.52-36.19-1.71-48.61-31.78-48.61-65.82,0-59.29.35-118.59-.21-177.87-.24-25.37,7.33-55.35-24.52-68.32-31.84-12.97-50.3,8.3-69.8,29.7-38.2,41.91-86.43,53.84-139.33,34.02-47.47-17.78-76.86-53.67-82.34-104.82-6.02-56.21,17.28-99.43,65.96-127.97,44.31-25.98,104.3-19.36,142.87,14.86,8.21,7.29,16.05,15.33,22.55,24.13,14.94,20.22,34.33,27.96,57.95,20.17,23.97-7.91,26.99-28.44,26.89-50.4-.28-60.67-.08-121.34-.06-182.01.01-70.96,12.42-83.18,84.96-83.23,96.6-.07,193.19-.02,289.79-.02v.32Z"></path><path class="fill-primary-950 dark:fill-primary-400" d="M1170.32,1127.77c0-95.15.34-190.29-.12-285.43-.37-76.03-35.1-111.68-111.44-112.31-121.41-1-242.85-1.22-364.26-.02-31.44.31-44.16-5.96-31.04-39.38,8.51-21.66,11.6-45.38,18.54-67.73,12.3-39.6,35.04-53.4,75.18-43.58,62.98,15.41,125.53,32.53,188.24,49.04,22.99,6.05,46.81,13.76,64.55-9.58,18.48-24.31,7.52-45.31-8.13-67.36-31.47-44.33-35.66-92.07-7.73-139.81,26.75-45.72,68.2-68.54,120.89-64.49,52.64,4.04,89.86,32.63,109.6,82.08,25.3,63.38-1.89,131.78-66.16,162.97-23.71,11.5-45.42,22.72-42.8,53.28,2.7,31.5,27.91,37.07,52.67,43.37,60.12,15.28,120.17,30.83,180.01,47.16,46.2,12.61,60.84,36.95,48.95,82.91-15.51,59.97-32.7,119.5-49.03,179.25-6.53,23.88-16.63,48.68,8.97,68.03,26.67,20.15,47.73,5.63,70.68-10.13,57.63-39.56,127.5-29.94,171.29,21.42,42.12,49.39,40.82,122.97-3,170.01-45.24,48.57-120.16,55.13-172.97,15.13-20.38-15.44-34.08-35.7-43.3-59.34-8.38-21.49-24.36-34.05-47.46-32.91-24.5,1.2-34.65,18.93-40.45,40.55-16.76,62.52-33.83,124.96-51.16,187.33-3.29,11.83-6.66,24.24-13.04,34.48-10.01,16.06-26.56,27.33-45.2,23.24-21.08-4.62-11.7-25.21-11.81-38.6-.81-96.52-.44-193.04-.45-289.57Z"></path><path class="fill-primary-500 dark:fill-primary-500" d="M337.43,1014.88c-43.24-74.41-86.66-148.72-129.67-223.27-37.87-65.64-75.52-131.42-112.83-197.38-23.09-40.82-16.54-64.51,24.47-88.5,54.74-32.02,109.73-63.64,164.88-94.95,18.83-10.69,37.96-25.98,60.34-7.09,22.6,19.08,20.3,40.24,10.71,66.72-26.25,72.54,6.74,142.98,75.43,168.55,65.43,24.36,135.72-6.48,164.19-72.03,31.51-72.54-14.94-161.18-92.72-176.25-13.45-2.61-27.55-1.79-39.56-10.17-28.44-19.83-30.12-52.56-.24-70.91,62.24-38.22,125.47-74.96,189.59-109.93,28.57-15.58,58.12-10.93,75.76,19.11,68.94,117.4,136.65,235.54,208.8,360.29-56.67-6.14-102.42-23.48-149.24-35.33-85.84-21.73-130.19,3.91-152.19,89.98q-23.34,91.29-117.06,90.43c-17.94-.16-35.88-.08-53.81.13-77.62.9-117.09,39.06-118.66,116.88-1.15,57.15-.23,114.33-.23,171.5-2.65.74-5.3,1.47-7.96,2.21Z"></path></svg><div class="flex flex-wrap !ml-1 !lg:ml-2"><span class="w-full self-center text-xl font-semibold whitespace-nowrap dark:text-white leading-none" data-testid="LOGO_TITLE">Tooltivity</span><span class="hidden lg:block w-full text-xs text-gray-700 dark:text-gray-300 leading-snug" data-testid="LOGO_SLOGAN">Best Browser Extensions</span></div></a><div class="flex lg:order-2 space-x-3 lg:space-x-0 rtl:space-x-reverse"><div class="flex lg:hidden"><!--[--><button aria-label="Search extensions" class="flex items-center justify-center w-10 h-10 text-gray-500 dark:text-gray-300 hover:text-primary-500 focus:outline-none focus:ring-2 focus:ring-primary-300" type="button"><svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg><!----><span></span></button><!--teleport start--><!--teleport end--><!--]--></div><div class="flex gap-2 items-center"><div class="flex sm:justify-center sm:mt-0 items-center mx-2.5 lg:hidden"><a href="https://www.tiktok.com/@tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5">
11<svg class="w-4 h-4 fill-gray-500" viewBox="0 0 512 512" id="icons" xmlns="http://www.w3.org/2000/svg"><path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path></svg><span class="sr-only">Tooltivity Tik Tok channel</span></a><a href="https://www.youtube.com/@TooltivityReviews" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity Youtube channel</span></a><a href="https://www.instagram.com/tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity on Instagram</span></a><a href="https://x.com/Tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 17"><path fill-rule="evenodd" d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity on Twitter</span></a></div><a href="/dashboard/login" class="hidden lg:block whitespace-nowrap px-1 text-sm font-medium text-gray-900 hover:text-gray-600 dark:text-white dark:hover:text-gray-300" data-testid="NAV_SIGN_IN">Sign in</a><a href="/submit" class="hidden lg:block h-fit text-gray-900 bg-white ring-1 ring-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-1 focus:ring-gray-100 font-medium rounded text-sm px-2.5 xl:px-5 py-2.5 dark:bg-gray-800 dark:text-white dark:ring-gray-600 dark:hover:bg-gray-700 dark:hover:ring-gray-600 dark:focus:ring-gray-700" data-testid="NAV_MAKERS">Submit Extension</a><!----></div><button type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden focu
11s:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path></svg></button></div><div class="items-center justify-between w-full lg:flex lg:w-auto lg:order-1 hidden"><ul class="flex flex-col p-4 lg:p-0 mt-4 font-medium border border-gray-200 rounded-lg lg:space-x-4 xl:space-x-8 rtl:space-x-reverse lg:flex-row lg:mt-0 lg:border-0 dark:border-gray-700"><li><div class="hidden lg:flex mr-4 lg:mr-0"><!--[--><button class="flex items-center gap-2 w-32 xl:w-44 max-w-xs h-8 px-4 rounded-lg bg-white border border-gray-300 text-gray-500 hover:border-primary-400 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary-300 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-300 dark:hover:border-primary-500 dark:hover:bg-gray-700 transition" type="button"><svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg><span class="text-gray-500 dark:text-gray-400 text-sm truncate select-none">Search...</span><span></span></button><!--teleport start--><!--teleport end--><!--]--></div></li><!--[--><li><!----><a aria-current="false" href="/categories" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0">Categories</a></li><li><!----><a aria-current="false" href="/browsers" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0">Browsers</a></li><li><!----><a aria-current="false" href="/blog" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0">Blog</a></li><li><!----><a aria-current="false" href="/about" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0">About</a></li><li><!----><a aria-current="false" href="/partners" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0 plausible-event-name=partner_cta_click plausible-event-product=partners plausible-event-surface=navbar">Partners</a></li><!--]--><a href="/submit" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0 block lg:hidden">Submit Extension</a><a href="/dashboard/login" class="block py-2 px-3 lg:p-0 text-gray-900 rounded lg:hover:text-gray-600 lg:dark:hover:text-gray-400 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700 lg:p-0 block lg:hidden" data-testid="NAV_MOBILE_DASHBOARD">Sign in</a></ul></div></div></nav><!--[--><main class="min-h-[700px]" data-v-ec80654c><!----><section class="relative w-full overflow-hidden mb-4 md:mb-8" data-v-ec80654c><img src="/data/tooltivity/categories/note-taking-apps/image.webp" alt="Free From above of crop unrecognizable female with dark hair sitting at wooden table and writing plan for 2021 in notebook Stock Photo" class="absolute inset-0 w-full h-full object-cover" data-v-ec80654c><div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/60 to-black/20" data-v-ec80654c></div><div class="relative mx-auto max-w-screen-xl px-4 pt-12 pb-8 md:pt-28 md:pb-16" data-v-ec80654c><nav aria-label="Breadcrumb navigation" class="mb-4 mb-8" data-v-ec80654c><ol class="flex flex-wrap items-center text-sm overflow-clip" role="list"><!--[--><li class="flex items-center"><!--[--><a href="/" class="text-white/80 hover:text-white drop-shadow-md font-medium">Home</a><svg class="mx-0.5 h-4 w-4 text-white/60 drop-shadow-md" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" role="presentation"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg><!--]--></li><li class="flex items-center"><!--[--><a href="/categories" class="text-white/80 hover:text-white drop-shadow-md font-medium">Categories</a><svg class="mx-0.5 h-4 w-4 text-white/60 drop-shadow-md" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" role="presentation"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg><!--]--></li><li class="flex flex-none items-center"><span class="text-white drop-shadow-md font-semibold" aria-current="page">Note Taking</span></li>
11<!--]--></ol></nav><h1 class="text-3xl md:text-5xl font-bold text-white mb-6 drop-shadow-lg max-w-4xl" data-v-ec80654c>Best Note Taking Browser Extensions (2026 Guide)</h1><div class="md:text-lg prose prose-lg dark:prose-invert max-w-3xl text-white/90 drop-shadow-md tailwindcss-scoped-preflight leading-relaxed" data-v-ec80654c><div data-v-ec80654c>Discover best note-taking browser extensions to capture ideas, organize thoughts & sync notes across devices. Never miss important details online.</div><p data-v-ec80654c>Here is our list of the best browser extensions for the Note Taking category:</p><!----></div></div></section><section class="mx-auto max-w-screen-xl px-4 pb-8" data-v-ec80654c><div class="mb-8" data-v-ec80654c><div class="flex justify-between items-center flex-wrap gap-4" data-v-ec80654c><nav class="flex shadow w-fit rounded my-4" aria-label="Browser filter navigation" data-v-ec80654c><!--[--><a href="/categories/note-taking-apps/browsers/chrome" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Chrome browser" data-v-ec80654c><img alt="Chrome browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/edge" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Edge browser" data-v-ec80654c><img alt="Edge browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/firefox" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Firefox browser" data-v-ec80654c><img alt="Firefox browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/firefox/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/safari" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Safari browser" data-v-ec80654c><img alt="Safari browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/safari/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/opera" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Opera browser" data-v-ec80654c><img alt="Opera browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/brave" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Brave browser" data-v-ec80654c><img alt="Brave browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;" data-v-ec80654c></a><a href="/categories/note-taking-apps/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-gray-100 dark:border-gray-700 last:border-0 hover:bg-gray-100 dark:hover:bg-secondary-50" title="Show all Note Taking extensions for Vivaldi browser" data-v-ec80654c><img alt="Vivaldi browser logo" format="webp" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;" data-v-ec80654c></a>
11<!--]--></nav><div class="flex flex-col w-full md:w-auto md:flex-row md:items-center gap-2" data-v-ec80654c><span class="cursor-progress inline-block h-fit w-full md:w-fit bg-gray-200 dark:bg-secondary-500 rounded-lg px-5 py-2.5 mt-2 animate-pulse" style="min-width:340px;height:44px;" role="status" aria-label="Compare the best" aria-live="polite" data-v-ec80654c></span><a href="/extensions/compare/category/note-taking-apps" class="h-fit w-full md:w-fit text-center text-gray-900 bg-white ring-1 ring-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg px-5 py-2.5 dark:bg-gray-800 dark:text-white dark:ring-gray-600 dark:hover:bg-gray-700 dark:hover:ring-gray-600 dark:focus:ring-gray-700" type="NuxtLink" data-v-ec80654c>Compare All ð</a><a href="/blog/ranking/note-taking-apps" class="h-fit w-full md:w-fit text-center text-gray-900 bg-white ring-1 ring-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg px-5 py-2.5 dark:bg-gray-800 dark:text-white dark:ring-gray-600 dark:hover:bg-gray-700 dark:hover:ring-gray-600 dark:focus:ring-gray-700" type="NuxtLink" data-v-ec80654c>View Live Rankings ð¥</a></div></div></div><!--[--><ol class="grid gap-y-6 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3 md:grid-cols-2 lg:max-w-none lg-grid-cols-3 flex flex-wrap gap-4 justify-center md:justify-start mb-4"><!--[--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #06a27110 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #06a27130 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/web-highlights" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View PDF & Web Highlighter"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #06a2713d 0%, #06a27114 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/web-highlights/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="PDF & Web Highlighter is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="PDF & Web Highlighter is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/firefox" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Firefox"><img alt="PDF & Web Highlighter is available on Firefox" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/firefox/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="PDF & Web Highlighter is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="PDF & Web Highlighter is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="PDF & Web Highlighter is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00a47040;border-color:#00a470;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">9.8</span></div><!----></figcaption></div><a href="/extensions/web-highlights" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #06a271;" aria-label="View PDF & Web Highlighter"><img alt="PDF & Web Highlighter logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/web-highlights/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/web-highlights" class="absolute inset-0 z-10" aria-label="View PDF & Web Highlighter" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">PDF & Web Highlighter</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><div class="relative flex justify-center items-center group/tooltip cursor-pointer"><svg class="text-accent-600 dark:text-accent-300 w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.5 13.5-1.75 7 3.75-2 1.5 2.5 1.5-2.5 3.75 2-1.75-7M12 6.5l.9 1.82 2 .3-1.45 1.4.35 2-1.8-.94-1.8.94.35-2-1.45-1.4 2-.3L12 6.5Z"></path></svg><div class="left-0 hidden lg:block z-[100] pointer-events-none absolute top-full mt-2 opacity-0 duration-200 transition-opacity md:group-hover/tooltip:opacity-100 bg-secondary-800 p-2.5 rounded-lg w-[300px] shadow-xl"><div class="left-[10px] w-2 h-2 rotate-45 absolute top-[-4px] bg-secondary-800"></div><p class="text-gray-200 whitespace-normal text-left font-normal tracking-normal text-xs">Featured is a paid placement: these extensions pay an annual fee to appear first in our listings. It never affects their rating or review â see our editorial policy.</p></div></div><div class="relative flex justify-center items-center group/tooltip cursor-pointer"><svg class="text-accent-600 dark:text-accent-300 w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.032 12 1.984 1.984 4.96-4.96m4.55 5.272.893-.893a1.984 1.984 0 0 0 0-2.806l-.893-.893a1.984 1.984 0 0 1-.581-1.403V7.04a1.984 1.984 0 0 0-1.984-1.984h-1.262a1.983 1.983 0 0 1-1.403-.581l-.893-.893a1.984 1.984 0 0 0-2.806 0l-.893.893a1.984 1.984 0 0 1-1.403.581H7.04A1.984 1.984 0 0 0 5.055 7.04v1.262c0 .527-.209 1.031-.581 1.403l-.893.893a1.984 1.984 0 0 0 0 2.806l.893.893c.372.372.581.876.581 1.403v1.262a1.984 1.984 0 0 0 1.984 1.984h1.262c.527 0 1.031.209 1.403.581l.893.893a1.984 1.984 0 0 0 2.806 0l.893-.893a1.985 1.985 0 0 1 1.403-.581h1.262a1.984 1.984 0 0 0 1.984-1.984V15.7c0-.527.209-1.031.581-1.403Z"></path></svg><div class="left-0 hidden lg:block z-[100] pointer-events-none absolute top-full mt-2 opacity-0 duration-200 transition-opacity md:group-hover/tooltip:opacity-100 bg-secondary-800 p-2.5 rounded-lg w-[300px] shadow-xl"><div class="left-[10px] w-2 h-2 rotate-45 absolute top-[-4px] bg-secondary-800"></div><p class="text-gray-200 whitespace-normal text-left font-normal tracking-normal text-xs">This extension is verified: its developer actively maintains it and displays our tested badge on their website. Verified extensions rank above non-verified ones in our listings.</p></div></div></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Web Highlights turns any web page or PDF into a searchable notebook of color-coded highlights, inline notes, and on-device AI summaries. Saved passages become spaced-repetition flashcards. It runs without an account, though sync needs a paid plan.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a aria-current="page" href="/categories/note-taking-apps" class="router-link-active router-link-exact-active flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Note Taking category">Note Taking <!----></a><a href="/categories/highlighter" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Highlighter category">Highlighter <!----></a>
11<!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #1162CC10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #1162CC30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/new-tab-notes" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View New Tab Notes"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #1162CC3d 0%, #1162CC14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/new-tab-notes/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="New Tab Notes is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="New Tab Notes is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="New Tab Notes is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="New Tab Notes is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="New Tab Notes is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00b89040;border-color:#00b890;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.6</span></div><!----></figcaption></div><a href="/extensions/new-tab-notes" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #1162CC;" aria-label="View New Tab Notes"><img alt="New Tab Notes logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/new-tab-notes/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/new-tab-notes" class="absolute inset-0 z-10" aria-label="View New Tab Notes" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">New Tab Notes</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><div class="relative flex justify-center items-center group/tooltip cursor-pointer"><svg class="text-accent-600 dark:text-accent-300 w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.032 12 1.984 1.984 4.96-4.96m4.55 5.272.893-.893a1.984 1.984 0 0 0 0-2.806l-.893-.893a1.984 1.984 0 0 1-.581-1.403V7.04a1.984 1.984 0 0 0-1.984-1.984h-1.262a1.983 1.983 0 0 1-1.403-.581l-.893-.893a1.984 1.984 0 0 0-2.806 0l-.893.893a1.984 1.984 0 0 1-1.403.581H7.04A1.984 1.984 0 0 0 5.055 7.04v1.262c0 .527-.209 1.031-.581 1.403l-.893.893a1.984 1.984 0 0 0 0 2.806l.893.893c.372.372.581.876.581 1.403v1.262a1.984 1.984 0 0 0 1.984 1.984h1.262c.527 0 1.031.209 1.403.581l.893.893a1.984 1.984 0 0 0 2.806 0l.893-.893a1.985 1.985 0 0 1 1.403-.581h1.262a1.984 1.984 0 0 0 1.984-1.984V15.7c0-.527.209-1.031.581-1.403Z"></path></svg><div class="left-0 hidden lg:block z-[100] pointer-events-none absolute top-full mt-2 opacity-0 duration-200 transition-opacity md:group-hover/tooltip:opacity-100 bg-secondary-800 p-2.5 rounded-lg w-[300px] shadow-xl"><div class="left-[10px] w-2 h-2 rotate-45 absolute top-[-4px] bg-secondary-800"></div><p class="text-gray-200 whitespace-normal text-left font-normal tracking-normal text-xs">This extension is verified: its developer actively maintains it and displays our tested badge on their website. Verified extensions rank above non-verified ones in our listings.</p></div></div></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">New Tab Notes makes the new tab a markdown notepad with headings, checkbox task lists, and exports to Markdown, HTML or plain text. Notes sync across devices with no account â free, but it is Chrome and Edge only, and the writing column is fixed.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/new-tab" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for New Tab category">New Tab <!----></a><a aria-current="page" href="/categories/note-taking-apps" class="router-link-active router-link-exact-active flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Note Taking category">Note Taking <!----></a>
11<!--]--></div></div></div></article></li><!--]--><!--[--><li class="w-full md:w-fit"><a href="/partners" data-testid="SPONSOR_SLOT_OPEN" class="plausible-event-name=partner_cta_click plausible-event-product=sponsor plausible-event-surface=sponsor_slot flex flex-col justify-center gap-2 h-full min-h-[420px] rounded-xl p-6 border border-dashed border-amber-400 dark:border-amber-700 hover:bg-amber-50/60 dark:hover:bg-amber-950/30"><span class="text-[10px] font-bold uppercase tracking-widest text-amber-700 dark:text-amber-300">Open sponsor slot</span><span class="font-display text-3xl font-bold text-amber-700 dark:text-amber-300">â¬49 <span class="text-sm font-normal text-gray-500 dark:text-gray-400">/ 30 days</span></span><span class="text-sm text-gray-600 dark:text-gray-300 leading-6">Your extension here, labelled as sponsored, on every visit for a month. The ranking around it never changes.</span><span class="text-sm font-semibold text-amber-700 dark:text-amber-300 mt-2">Sponsor Note Taking â</span></a></li><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #06a27110 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #06a27130 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/youtube-highlighter" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Youtube Highlighter"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #06a2713d 0%, #06a27114 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/youtube-highlighter/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Youtube Highlighter is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Youtube Highlighter is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Youtube Highlighter is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Youtube Highlighter is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Youtube Highlighter is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00a97a40;border-color:#00a97a;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">9.5</span></div><!----></figcaption></div><a href="/extensions/youtube-highlighter" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #06a271;" aria-label="View Youtube Highlighter"><img alt="Youtube Highlighter logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/youtube-highlighter/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/youtube-highlighter" class="absolute inset-0 z-10" aria-label="View Youtube Highlighter" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Youtube Highlighter</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">YouTube Highlighter puts a video's transcript beside the player so you can highlight, tag and annotate lines that jump you back to the exact moment. A local AI summarises it and answers questions about it. Offline use is free; sync needs a paid plan.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/highlighter" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Highlighter category">Highlighter <!----></a><a href="/categories/ai" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for AI category">AI <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #d1021310 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #d1021330 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/notebook-web-clipper" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Notebook Web Clipper"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #d102133d 0%, #d1021314 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/notebook-web-clipper/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Notebook Web Clipper is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Notebook Web Clipper is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/firefox" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Firefox"><img alt="Notebook Web Clipper is available on Firefox" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/firefox/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Notebook Web Clipper is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Notebook Web Clipper is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Notebook Web Clipper is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00b89040;border-color:#00b890;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.8</span></div><!----></figcaption></div><a href="/extensions/notebook-web-clipper" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #d10213;" aria-label="View Notebook Web Clipper"><img alt="Notebook Web Clipper logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/notebook-web-clipper/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/notebook-web-clipper" class="absolute inset-0 z-10" aria-label="View Notebook Web Clipper" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Notebook Web Clipper</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Notebook Web Clipper turns pages, screenshots and links into note cards inside Zoho Notebook, with a clean view that strips ads before saving. Pro adds OCR search and 100 GB for â¬19.99 a year, but sign-in loops and dead clips recur.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/web-clipper" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Web Clipper category">Web Clipper <!----></a><a href="/categories/bookmark-manager" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Bookmark Manager category">Bookmark Manager <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #1782E510 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #1782E530 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/joplin-web-clipper" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Joplin"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #1782E53d 0%, #1782E514 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/joplin-web-clipper/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Joplin is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00b89040;border-color:#00b890;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.6</span></div><!----></figcaption></div><a href="/extensions/joplin-web-clipper" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #1782E5;" aria-label="View Joplin"><img alt="Joplin logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/joplin-web-clipper/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/joplin-web-clipper" class="absolute inset-0 z-10" aria-label="View Joplin" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Joplin</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Joplin Web Clipper saves full pages, simplified articles, selections, or screenshots as clean Markdown notes in your local Joplin notebooks. It is free, open source and entirely offline â but the Joplin desktop app must be running to receive a clip.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/web-clipper" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Web Clipper category">Web Clipper <!----></a><a aria-current="page" href="/categories/note-taking-apps" class="router-link-active router-link-exact-active flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Note Taking category">Note Taking <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #009fff10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #009fff30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/new-tab-draft" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View New Tab Draft"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #009fff3d 0%, #009fff14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/new-tab-draft/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="New Tab Draft is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="New Tab Draft is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="New Tab Draft is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="New Tab Draft is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="New Tab Draft is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00bf9b40;border-color:#00bf9b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.2</span></div><!----></figcaption></div><a href="/extensions/new-tab-draft" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #009fff;" aria-label="View New Tab Draft"><img alt="New Tab Draft logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/new-tab-draft/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/new-tab-draft" class="absolute inset-0 z-10" aria-label="View New Tab Draft" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">New Tab Draft</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">New Tab Draft hands you a blank page to write on every time you open a tab â multiple notes, emoji labels and auto-backup, all stored locally. Free with no account, though nothing syncs between devices and there is no bold, italic or bullet list.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/new-tab" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for New Tab category">New Tab <!----></a><a href="/categories/writing-tools" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Writing category">Writing <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #7719aa10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #7719aa30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/onenote-web-clipper" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View OneNote Web Clipper"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #7719aa3d 0%, #7719aa14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/onenote-web-clipper/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="OneNote Web Clipper is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="OneNote Web Clipper is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="OneNote Web Clipper is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="OneNote Web Clipper is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="OneNote Web Clipper is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00bf9b40;border-color:#00bf9b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.2</span></div><!----></figcaption></div><a href="/extensions/onenote-web-clipper" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #7719aa;" aria-label="View OneNote Web Clipper"><img alt="OneNote Web Clipper logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/onenote-web-clipper/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/onenote-web-clipper" class="absolute inset-0 z-10" aria-label="View OneNote Web Clipper" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">OneNote Web Clipper</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">OneNote Web Clipper sends a whole page, a chosen region, or an ad-free article into any OneNote notebook and section, annotations included. It is free with a Microsoft account, though blocked cookies routinely send sign-in into a login loop.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/web-clipper" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Web Clipper category">Web Clipper <!----></a><a href="/categories/productivity" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Productivity category">Productivity <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #BD1C2B10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #BD1C2B30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/hypothesis" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Hypothesis"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #BD1C2B3d 0%, #BD1C2B14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/hypothesis/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Hypothesis is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#00bf9b40;border-color:#00bf9b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">8.1</span></div><!----></figcaption></div><a href="/extensions/hypothesis" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #BD1C2B;" aria-label="View Hypothesis"><img alt="Hypothesis logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/hypothesis/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/hypothesis" class="absolute inset-0 z-10" aria-label="View Hypothesis" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Hypothesis</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Hypothesis lays a shared annotation layer over web pages, PDFs and EPUBs, so a class or research group can highlight and reply to the same passage. Free, open source and nonprofit-run, though it needs an account and offers one highlight color.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/pdf-tools" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for PDF Tools category">PDF Tools <!----></a><a href="/categories/highlighter" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Highlighter category">Highlighter <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #2b107510 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #2b107530 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/tab-notes" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Tab Notes"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #2b10753d 0%, #2b107514 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/tab-notes/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Tab Notes is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Tab Notes is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/firefox" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Firefox"><img alt="Tab Notes is available on Firefox" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/firefox/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Tab Notes is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Tab Notes is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Tab Notes is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#f79d3b40;border-color:#f79d3b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">7.9</span></div><!----></figcaption></div><a href="/extensions/tab-notes" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #2b1075;" aria-label="View Tab Notes"><img alt="Tab Notes logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/tab-notes/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/tab-notes" class="absolute inset-0 z-10" aria-label="View Tab Notes" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Tab Notes</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Tab Notes gives each new tab a single blank note you can start typing into instantly, with no permissions requested and the code public on GitHub. It syncs across devices and costs nothing, but one note is the ceiling â no formatting, no folders.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/new-tab" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for New Tab category">New Tab <!----></a><a aria-current="page" href="/categories/note-taking-apps" class="router-link-active router-link-exact-active flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Note Taking category">Note Taking <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #0069ff10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #0069ff30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/diigo-web-collector" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Diigo"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #0069ff3d 0%, #0069ff14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/diigo-web-collector/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome">
11<img alt="Diigo is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Diigo is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Diigo is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Diigo is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Diigo is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a><!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#f79d3b40;border-color:#f79d3b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">7.6</span></div><!----></figcaption></div><a href="/extensions/diigo-web-collector" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #0069ff;" aria-label="View Diigo"><img alt="Diigo logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/diigo-web-collector/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/diigo-web-collector" class="absolute inset-0 z-10" aria-label="View Diigo" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Diigo</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Diigo highlights live web pages and pins sticky notes to them, then archives a cached copy so your annotations outlive the original article. Everything syncs and stays searchable by tag, but the design is a decade old and colours stop at four.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/highlighter" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Highlighter category">Highlighter <!----></a><a href="/categories/pdf-tools" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for PDF Tools category">PDF Tools <!----></a>
11<!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #00a82d10 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #00a82d30 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/evernote-web-clipper" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Evernote Web Clipper"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #00a82d3d 0%, #00a82d14 100%);"><!--[--><img class="h-full w-auto max-w-full object-contain rounded-md shadow-[0_10px_26px_rgba(0,0,0,0.22)] pointer-events-none transform transition-transform duration-500 group-hover:scale-[1.02]" format="webp" loading="lazy" fetchpriority="auto" decoding="async" src="/data/tooltivity/apps/evernote-web-clipper/images/gallery-image-1-small.webp" alt="Preview Image 1"><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Evernote Web Clipper is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Evernote Web Clipper is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/firefox" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Firefox"><img alt="Evernote Web Clipper is available on Firefox" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/firefox/logo.webp" style="color:transparent;"></a><a href="/browsers/safari" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Safari"><img alt="Evernote Web Clipper is available on Safari" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/safari/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Evernote Web Clipper is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Evernote Web Clipper is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Evernote Web Clipper is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#f79d3b40;border-color:#f79d3b;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">7.1</span></div><!----></figcaption></div><a href="/extensions/evernote-web-clipper" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #00a82d;" aria-label="View Evernote Web Clipper"><img alt="Evernote Web Clipper logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/evernote-web-clipper/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/evernote-web-clipper" class="absolute inset-0 z-10" aria-label="View Evernote Web Clipper" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Evernote Web Clipper</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Evernote Web Clipper drops a full page, a simplified article, a PDF, or an annotated screenshot into an Evernote notebook, tagged before it lands. The extension is free; the Evernote plans worth having are not, and Chrome is where it breaks most.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/web-clipper" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Web Clipper category">Web Clipper <!----></a><a href="/categories/productivity" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Productivity category">Productivity <!----></a><!--]--></div></div></div></article></li><!--]--><!--[--><!----><li class="w-full md:w-fit"><article class="group flex flex-1 flex-col relative z-20 w-full rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg md:w-fit ring-1 ring-gray-200 dark:ring-gray-700 hover:ring-gray-300 dark:hover:ring-gray-600 min-h-[420px]" data-testid="TOOL_CARD"><div class="absolute inset-0 -z-10 h-full w-full dark:hidden" style="background:linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 50%, #ff723610 100%);"></div><div class="absolute inset-0 -z-10 h-full w-full hidden dark:block" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 50%, #ff723630 100%);"></div><div class="flex-shrink-0 flex z-10 pb-0 relative"><a href="/extensions/weava" class="flex-shrink-0 w-full relative isolate overflow-hidden" tabindex="-1" aria-label="View Weava"><div class="w-full relative flex items-center justify-center gap-2 px-3.5 py-3 h-64" style="background:linear-gradient(135deg, #ff72363d 0%, #ff723614 100%);"><!--[--><!--]--></div></a><div class="absolute top-5 left-5 z-30 flex items-center gap-1.5 flex-wrap max-w-[70%]"><!----><button type="button" aria-pressed="false" class="flex items-center gap-1 px-2 py-1 rounded transition border focus:outline-none focus:ring-1 bg-white hover:bg-gray-100 focus:ring-gray-200 opacity-0 group-hover:opacity-100 focus-within:opacity-100 border-gray-200 dark:border-gray-800" style="min-width:0;"><span class="flex items-center justify-center w-5 h-5 rounded bg-white border border-gray-200" style="cursor:pointer;"><svg class="w-3.5 h-3.5 text-white opacity-60" fill="none" stroke="currentColor" stroke-width="2.2" viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="16" height="16" rx="3" stroke="currentColor" stroke-width="2.2" fill="none"></rect></svg></span><span class="text-gray-700 font-medium text-sm">Compare</span></button></div><div class="hidden md:flex absolute bottom-3 right-6 flex-shrink-0 xs:flex flex-row items-center border border-white/15 shadow-sm rounded-lg space-x-0 overflow-hidden bg-white/20 dark:bg-black/20 backdrop-blur-sm z-30"><!--[--><a href="/browsers/chrome" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Chrome"><img alt="Weava is available on Chrome" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/chrome/logo.webp" style="color:transparent;"></a><a href="/browsers/edge" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Edge"><img alt="Weava is available on Edge" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/edge/logo.webp" style="color:transparent;"></a><a href="/browsers/opera" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Opera"><img alt="Weava is available on Opera" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/opera/logo.webp" style="color:transparent;"></a><a href="/browsers/brave" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Brave"><img alt="Weava is available on Brave" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/brave/logo.webp" style="color:transparent;"></a><a href="/browsers/vivaldi" class="flex flex-col items-center p-2 border-r border-white/10 last:border-0 hover:bg-white/15 relative z-30" title="Find more tools for Vivaldi"><img alt="Weava is available on Vivaldi" format="webp" loading="eager" width="14" height="14" decoding="async" data-nimg="1" src="/data/tooltivity/platforms/vivaldi/logo.webp" style="color:transparent;"></a>
11<!--]--></div><div class="absolute top-5 right-5 flex bg-black/70 border border-white/20 shadow-lg rounded-full p-1 items-center z-30"><figcaption class="flex items-center justify-center"><div class="flex items-center justify-center rounded-full shrink-0 w-[40px] h-[40px] text-sm border-2" style="background-color:#e5737340;border-color:#e57373;"><span class="tracking-tighter z-10 select-none text-white drop-shadow-sm font-semibold">5.7</span></div><!----></figcaption></div><a href="/extensions/weava" class="absolute rounded-full object-cover shrink-0 bg-white/50 dark:bg-black/50 backdrop-blur-xl z-40 shadow-2xl ring-2 ring-white/30 dark:ring-black/30 hover:ring-white/50 hover:bg-white/30 dark:hover:bg-black/30 transition-all duration-300 hover:scale-110 -bottom-7 left-4 p-4 w-[60px] h-[60px]" style="border:2px solid #ff7236;" aria-label="View Weava"><img alt="Weava logo" format="webp" loading="eager" width="60" height="60" data-nimg="1" class="flex items-center justify-center" src="/data/tooltivity/apps/weava/images/logo.webp" style="color:transparent;"></a></div><div class="relative h-full mb-lc-0 flex flex-col flex-1 px-6 pb-6 pt-10"><a href="/extensions/weava" class="absolute inset-0 z-10" aria-label="View Weava" tabindex="-1"></a><div class="relative flex flex-col h-full space-y-2 mt-2 pointer-events-none"><div class="justify-start"><div class="flex justify-between"><div class="flex-grow-0 shrink-0 flex items-center relative justify-between"><div class="flex gap-1 w-full items-center min-w-0"><p class="font-semibold text-gray-800 dark:text-gray-50 group-hover:text-gray-800 dark:group-hover:text-white transition-colors text-lg">Weava</p><div class="pointer-events-auto relative z-20 flex flex-none gap-1"><!----><!----></div></div></div></div></div><div class="w-full flex-1 flex flex-row justify-center items-start"><p class="text-sm text-gray-800 dark:text-gray-50 leading-6 line-clamp-3">Weava colour-codes highlights across web pages and PDFs, files them into nested folders, and generates a citation for every source you mark. Development has stalled, though: the free tier is ad-heavy and highlights can vanish.</p></div><div class="flex gap-1 mt-2 whitespace-nowrap overflow-ellipsis items-center relative z-20 pointer-events-auto"><!--[--><a href="/categories/highlighter" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for Highlighter category">Highlighter <!----></a><a href="/categories/pdf-tools" class="flex items-center ring-1 ring-black/20 dark:ring-white/20 bg-black/10 dark:bg-white/10 hover:bg-black/20 dark:hover:bg-white/20 backdrop-blur-md text-black dark:text-white rounded-full transition-all duration-300 hover:ring-black/30 dark:hover:ring-white/30 hover:shadow-lg hover:scale-[1.01] text-xs px-2.5 py-1 gap-1 !ring-0" title="Find more tools for PDF Tools category">PDF Tools <!----></a><!--]--></div></div></div></article></li><!--]--><!--]--><!----></ol><p class="text-xs text-slate-600 dark:text-slate-400 mt-2 mb-4">How our rankings work: featured partner extensions are shown first (verified ones ahead within that group), then verified extensions, then all others ordered by our review rating. Editorial articles are ranked purely by rating.</p><p data-testid="OWN_PRODUCT_NOTE" class="text-xs text-slate-600 dark:text-slate-400 -mt-2 mb-4">Tooltivity is run by Web Highlights GmbH, the maker of PDF & Web Highlighter and Youtube Highlighter. We rate our own extensions with the same rubric as every other extension. <a href="/editorial-policy" class="font-semibold text-primary-600 dark:text-primary-300 hover:underline">How we rate</a></p><!----><!--]--></section></main><div class="mx-auto p-2 py-8 my-8 max-w-screen-xl" data-v-ec80654c><div class="flex items-center flex-wrap gap-4 w-full justify-center"><p>Find the best productivity extensions ð</p><a href="/extensions" class="text-center w-full md:w-fit text-white bg-primary-600 focus:outline-none hover:bg-primary-500 font-medium rounded text-sm px-4 xl:px-5 py-2.5" type="NuxtLink">View all Extensions</a></div></div><!--]--><!--teleport start--><!--teleport end--><!--teleport start--><!--teleport end--><span></span><footer class="bg-primary-transparent-light dark:bg-gray-900 pt-8"><div class="mx-auto w-full max-w-screen-xl px-2 py-6 lg:py-8"><div class="md:flex md:justify-between gap-4"><div class="mb-6 md:mb-0">
11<a href="/" class="flex items-center" title="Visit {{ config.title }} Homepage"><!----><svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 lg:w-12 -mt-1 lg:h-12 fill-primary-600 text-primary-600 dark:fill-primary-400 dark:text-primary-400" viewBox="0 0 1700.79 1700.79" aria-label="{{ config.title }} Logo"><path class="fill-primary-700 dark:fill-primary-600" d="M762.7,769.89c99.36,0,198.71-.2,298.07.09,49.12.14,69.27,17.74,69.49,66.5.9,202.69.82,405.39.13,608.08-.15,44.07-22.34,63.84-68.11,64.27-64.86.61-129.74-.25-194.6.4-23.77.24-45.1-3.8-54.94-27.75-10.69-26.01,3.21-43.42,22.61-60.35,50.87-44.38,64.98-97.32,42.86-151.2-19.98-48.69-69.44-79.26-125.71-77.07-52.08,2.02-89.65,27.96-109.51,74.98-20.24,47.93-14.91,94.66,20.49,135.12,9.92,11.34,23.19,19.78,33,31.2,25.16,29.31,10.32,72.11-28.12,73.51-77.17,2.81-154.63,3.12-231.74-.52-36.19-1.71-48.61-31.78-48.61-65.82,0-59.29.35-118.59-.21-177.87-.24-25.37,7.33-55.35-24.52-68.32-31.84-12.97-50.3,8.3-69.8,29.7-38.2,41.91-86.43,53.84-139.33,34.02-47.47-17.78-76.86-53.67-82.34-104.82-6.02-56.21,17.28-99.43,65.96-127.97,44.31-25.98,104.3-19.36,142.87,14.86,8.21,7.29,16.05,15.33,22.55,24.13,14.94,20.22,34.33,27.96,57.95,20.17,23.97-7.91,26.99-28.44,26.89-50.4-.28-60.67-.08-121.34-.06-182.01.01-70.96,12.42-83.18,84.96-83.23,96.6-.07,193.19-.02,289.79-.02v.32Z"></path><path class="fill-primary-950 dark:fill-primary-400" d="M1170.32,1127.77c0-95.15.34-190.29-.12-285.43-.37-76.03-35.1-111.68-111.44-112.31-121.41-1-242.85-1.22-364.26-.02-31.44.31-44.16-5.96-31.04-39.38,8.51-21.66,11.6-45.38,18.54-67.73,12.3-39.6,35.04-53.4,75.18-43.58,62.98,15.41,125.53,32.53,188.24,49.04,22.99,6.05,46.81,13.76,64.55-9.58,18.48-24.31,7.52-45.31-8.13-67.36-31.47-44.33-35.66-92.07-7.73-139.81,26.75-45.72,68.2-68.54,120.89-64.49,52.64,4.04,89.86,32.63,109.6,82.08,25.3,63.38-1.89,131.78-66.16,162.97-23.71,11.5-45.42,22.72-42.8,53.28,2.7,31.5,27.91,37.07,52.67,43.37,60.12,15.28,120.17,30.83,180.01,47.16,46.2,12.61,60.84,36.95,48.95,82.91-15.51,59.97-32.7,119.5-49.03,179.25-6.53,23.88-16.63,48.68,8.97,68.03,26.67,20.15,47.73,5.63,70.68-10.13,57.63-39.56,127.5-29.94,171.29,21.42,42.12,49.39,40.82,122.97-3,170.01-45.24,48.57-120.16,55.13-172.97,15.13-20.38-15.44-34.08-35.7-43.3-59.34-8.38-21.49-24.36-34.05-47.46-32.91-24.5,1.2-34.65,18.93-40.45,40.55-16.76,62.52-33.83,124.96-51.16,187.33-3.29,11.83-6.66,24.24-13.04,34.48-10.01,16.06-26.56,27.33-45.2,23.24-21.08-4.62-11.7-25.21-11.81-38.6-.81-96.52-.44-193.04-.45-289.57Z"></path><path class="fill-primary-500 dark:fill-primary-500" d="M337.43,1014.88c-43.24-74.41-86.66-148.72-129.67-223.27-37.87-65.64-75.52-131.42-112.83-197.38-23.09-40.82-16.54-64.51,24.47-88.5,54.74-32.02,109.73-63.64,164.88-94.95,18.83-10.69,37.96-25.98,60.34-7.09,22.6,19.08,20.3,40.24,10.71,66.72-26.25,72.54,6.74,142.98,75.43,168.55,65.43,24.36,135.72-6.48,164.19-72.03,31.51-72.54-14.94-161.18-92.72-176.25-13.45-2.61-27.55-1.79-39.56-10.17-28.44-19.83-30.12-52.56-.24-70.91,62.24-38.22,125.47-74.96,189.59-109.93,28.57-15.58,58.12-10.93,75.76,19.11,68.94,117.4,136.65,235.54,208.8,360.29-56.67-6.14-102.42-23.48-149.24-35.33-85.84-21.73-130.19,3.91-152.19,89.98q-23.34,91.29-117.06,90.43c-17.94-.16-35.88-.08-53.81.13-77.62.9-117.09,39.06-118.66,116.88-1.15,57.15-.23,114.33-.23,171.5-2.65.74-5.3,1.47-7.96,2.21Z"></path></svg><div class="flex flex-wrap !ml-1 !lg:ml-2"><span class="w-full self-center text-xl font-semibold whitespace-nowrap dark:text-white leading-none" data-testid="LOGO_TITLE">Tooltivity</span><span class="hidden lg:block w-full text-xs text-gray-700 dark:text-gray-300 leading-snug" data-testid="LOGO_SLOGAN">Best Browser Extensions</span></div></a><a href="/extensions" class="block mt-6 h-fit text-white bg-gradient-to-r from-primary-500 via-primary-600 to-primary-700 hover:bg-gradient-to-br focus:ring-2 focus:outline-none focus:ring-primary-300 dark:focus:ring-primary-800 shadow shadow-primary-500/50 dark:shadow-primary-800/80 font-medium rounded-lg px-8 py-2.5 text-center" type="NuxtLink">View all Extensions</a></div><div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3"><div><h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Resources</h2><ul class="text-gray-700 dark:text-gray-200 font-medium"><li class="mb-4"><a href="/about" class="hover:underline">About</a></li><li class="mb-4"><a href="/partners" class="plausible-event-name=partner_cta_click plausible-event-product=partners plausible-event-surface=footer hover:underline">Partner with us</a></li><li class="mb-4"><a href="/dashboard" class="hover:underline" data-testid="FOOTER_MAKERS">For makers</a></li><li class="mb-4"><a href="/movers" class="hover:underline">Rising and falling</a></li><li class="mb-4"><a href="/new" class="hover:underline">New reviews</a></li><li class="mb-4"><a href="/deals" class="hover:underline">Deals</a></li><li class="mb-4"><a href="/free" class="hover:underline">Free</a></li><li class="mb-4"><a href="/extensions" class="hover:underline">Extensions</a></li><li class="mb-4"><a href="/categories" class="hover:underline">Categories</a></li><li class="mb-4"><a href="/browsers" class="hover:underline">Browsers</a></li><li class="mb-4"><a href="https://web-highlights.com/blog" rel="noopener noreferrer" class="hover:underline">Blog</a></li></ul></div><div><h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white"> Follow us </h2><ul class="text-gray-700 dark:text-gray-200 font-medium"><li class="mb-4"><a href="https://www.tiktok.com/@tooltivity" rel="me" class="hover:underline" target="_blank">Tik Tok</a></li><li class="mb-4"><a href="https://www.youtube.com/@TooltivityReviews" rel="me" class="hover:underline" target="_blank">Youtube</a></li><li class="mb-4"><a href="https://www.instagram.com/tooltivity" rel="me" class="hover:underline" target="_blank">Instagram</a></li><li class="mb-4"><a href="https://x.com/Tooltivity" rel="me" class="hover:underline" target="_blank">Twitter</a></li></ul></div><div><h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Legal</h2><ul class="text-gray-700 dark:text-gray-200 font-medium"><li class="mb-4"><a href="/legal/privacy-policy" class="hover:underline">Privacy Policy</a></li><li class="mb-4"><a href="/legal/terms-of-service" class="hover:underline">Terms & Conditions</a></li><li class="mb-4"><a href="/legal/refund-policy" class="hover:underline">Refund Policy</a></li><li class="mb-4"><a href="/legal/imprint" class="hover:underline">Imprint</a></li><li class="mb-4"><a href="/legal/cookies" class="hover:underline">Cookies</a></li><li><a href="/editorial-policy" class="hover:underline">Editorial Policy</a></li></ul></div></div></div><hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8"><div class="sm:flex sm:items-center sm:justify-between"><span class="text-sm text-gray-700 sm:text-center dark:text-gray-200">© 2026 Tooltivity. All Rights Reserved.</span><div class="flex sm:justify-center sm:mt-0 items-center mx-2.5"><a href="https://www.tiktok.com/@tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5">
11<svg class="w-4 h-4 fill-gray-500" viewBox="0 0 512 512" id="icons" xmlns="http://www.w3.org/2000/svg"><path d="M412.19,118.66a109.27,109.27,0,0,1-9.45-5.5,132.87,132.87,0,0,1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14,23.9,350,16,350.13,16H267.69V334.78c0,4.28,0,8.51-.18,12.69,0,.52-.05,1-.08,1.56,0,.23,0,.47-.05.71,0,.06,0,.12,0,.18a70,70,0,0,1-35.22,55.56,68.8,68.8,0,0,1-34.11,9c-38.41,0-69.54-31.32-69.54-70s31.13-70,69.54-70a68.9,68.9,0,0,1,21.41,3.39l.1-83.94a153.14,153.14,0,0,0-118,34.52,161.79,161.79,0,0,0-35.3,43.53c-3.48,6-16.61,30.11-18.2,69.24-1,22.21,5.67,45.22,8.85,54.73v.2c2,5.6,9.75,24.71,22.38,40.82A167.53,167.53,0,0,0,115,470.66v-.2l.2.2C155.11,497.78,199.36,496,199.36,496c7.66-.31,33.32,0,62.46-13.81,32.32-15.31,50.72-38.12,50.72-38.12a158.46,158.46,0,0,0,27.64-45.93c7.46-19.61,9.95-43.13,9.95-52.53V176.49c1,.6,14.32,9.41,14.32,9.41s19.19,12.3,49.13,20.31c21.48,5.7,50.42,6.9,50.42,6.9V131.27C453.86,132.37,433.27,129.17,412.19,118.66Z"></path></svg><span class="sr-only">Tooltivity Tik Tok channel</span></a><a href="https://www.youtube.com/@TooltivityReviews" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M21.7 8.037a4.26 4.26 0 0 0-.789-1.964 2.84 2.84 0 0 0-1.984-.839c-2.767-.2-6.926-.2-6.926-.2s-4.157 0-6.928.2a2.836 2.836 0 0 0-1.983.839 4.225 4.225 0 0 0-.79 1.965 30.146 30.146 0 0 0-.2 3.206v1.5a30.12 30.12 0 0 0 .2 3.206c.094.712.364 1.39.784 1.972.604.536 1.38.837 2.187.848 1.583.151 6.731.2 6.731.2s4.161 0 6.928-.2a2.844 2.844 0 0 0 1.985-.84 4.27 4.27 0 0 0 .787-1.965 30.12 30.12 0 0 0 .2-3.206v-1.516a30.672 30.672 0 0 0-.202-3.206Zm-11.692 6.554v-5.62l5.4 2.819-5.4 2.801Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity Youtube channel</span></a><a href="https://www.instagram.com/tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8Zm5-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H8Zm7.597 2.214a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity on Instagram</span></a><a href="https://x.com/Tooltivity" rel="me" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ms-4 md:ms-2.5 xl:ms-5"><svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 17"><path fill-rule="evenodd" d="M20 1.892a8.178 8.178 0 0 1-2.355.635 4.074 4.074 0 0 0 1.8-2.235 8.344 8.344 0 0 1-2.605.98A4.13 4.13 0 0 0 13.85 0a4.068 4.068 0 0 0-4.1 4.038 4 4 0 0 0 .105.919A11.705 11.705 0 0 1 1.4.734a4.006 4.006 0 0 0 1.268 5.392 4.165 4.165 0 0 1-1.859-.5v.05A4.057 4.057 0 0 0 4.1 9.635a4.19 4.19 0 0 1-1.856.07 4.108 4.108 0 0 0 3.831 2.807A8.36 8.36 0 0 1 0 14.184 11.732 11.732 0 0 0 6.291 16 11.502 11.502 0 0 0 17.964 4.5c0-.177 0-.35-.012-.523A8.143 8.143 0 0 0 20 1.892Z" clip-rule="evenodd"></path></svg><span class="sr-only">Tooltivity on Twitter</span></a></div></div></div></footer><!--]--></div><div id="teleports"></div>
11<script type="application/json" data-nuxt-data="tooltivity" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":4,"once":16,"_errors":17,"serverRendered":6,"path":19,"listingOverrides":20,"databasePlacements":31,"vueQueryState":36},["ShallowReactive",3],{},["Reactive",5],{"$sdashboard-enabled":6,"$si18n:cached-locale-configs":7,"$si18n:resolved-locale":11,"$sbooking-dialog":12,"$sowned-listings":13,"$ssign-up-sheet":12},true,{"en":8},{"fallbacks":9,"cacheable":10},[],false,"",null,{"ready":10,"signedIn":10,"returning":10,"ids":14,"confirmed":15},[],[],["Set"],["ShallowReactive",18],{},"/categories/note-taking-apps",{"chrome-capture":21,"email-sent-dark-souls-notification":22,"new-tab-landscapes":23,"new-tab-notes":24,"ophel":25,"pure-vpn":26,"reelia-record":27,"rikaichamp":28,"web-highlights":29,"zoogvpn":30},{"verified":6},{"verified":6},{"isFeatured":6},{"verified":6},{"verified":6},{"isFeatured":6},{"verified":6},{"isFeatured":6,"verified":6},{"isFeatured":6,"verified":6},{"verified":6},{"spotlight":32,"dealOfMonth":34,"categorySponsors":35},{"2026-09":33},"web-highlights",{},[],{"mutations":37,"queries":38},[],[]]</script>
11<script>window.__NUXT__={};window.__NUXT__.config={public:{basePath:"",baseURL:"https://tooltivity.com",dataBaseUrl:"/data/tooltivity/",applicationId:"tooltivity",isDev:false,cookieControl:{_isPrerendered:false,barPosition:"bottom-full",closeModalOnClickOutside:false,colors:{barBackground:"#000",barButtonBackground:"#fff",barButtonColor:"#000",barButtonHoverBackground:"#333",barButtonHoverColor:"#fff",barTextColor:"#fff",checkboxActiveBackground:"#000",checkboxActiveCircleBackground:"#fff",checkboxDisabledBackground:"#ddd",checkboxDisabledCircleBackground:"#fff",checkboxInactiveBackground:"#000",checkboxInactiveCircleBackground:"#fff",controlButtonBackground:"#fff",controlButtonHoverBackground:"#000",controlButtonIconColor:"#000",controlButtonIconHoverColor:"#fff",focusRingColor:"#808080",modalBackground:"#fff",modalButtonBackground:"#000",modalButtonColor:"#fff",modalButtonHoverBackground:"#333",modalButtonHoverColor:"#fff",modalOverlay:"#000",modalOverlayOpacity:.8,modalTextColor:"#000",modalUnsavedColor:"#fff"},cookies:{necessary:[],optional:[]},cookieExpiryOffsetMs:31536000000,cookieNameIsConsentGiven:"ncc_c",cookieNameCookiesEnabledIds:"ncc_e",cookieOptions:{path:"/",sameSite:"strict",secure:true},isAcceptNecessaryButtonEnabled:true,isControlButtonEnabled:true,isCookieIdVisible:false,isCssEnabled:true,isCssPonyfillEnabled:false,isDashInDescriptionEnabled:true,isIframeBlocked:false,isModalForced:false,declineAllAcceptsNecessary:false,locales:["en"],localeTexts:{en:{accept:"Accept",acceptAll:"Accept all",bannerDescription:"We use our own cookies and third-party cookies so that we can display this website correctly and better understand how this website is used, with a view to improving the services we offer. A decision on cookie usage permissions can be changed anytime using the cookie button that will appear after a selection has been made on this banner.",bannerTitle:"Cookies",close:"Close",cookiesFunctional:"Functional cookies",cookiesNecessary:"Necessary cookies",cookiesOptional:"Optional cookies",decline:"Decline",declineAll:"Decline all",here:"here",iframeBlocked:"To see this, please enable functional cookies",manageCookies:"Learn more and customize",save:"Save",settingsUnsaved:"You have unsaved settings"}}},i18n:{baseUrl:"/",defaultLocale:"en",rootRedirect:"",redirectStatusCode:302,skipSettingLocaleOnNavigate:false,locales:[{code:"en",iso:"en-US",name:"English",flag:"ðºð¸",language:"en-US"}],detectBrowserLanguage:{alwaysRedirect:false,cookieCrossOrigin:false,cookieDomain:"",cookieKey:"i18n_locale",cookieSecure:false,fallbackLocale:"en",redirectOn:"root",useCookie:false},experimental:{localeDetector:"",typedPages:true,typedOptionsAndMessages:false,alternateLinkCanonicalQueries:true,devCache:false,cacheLifetime:"",stripMessagesPayload:false,preload:false,strictSeo:false,nitroContextDetection:true,httpCacheDuration:10},domainLocales:{en:{domain:""}}}},app:{baseURL:"",buildId:"cbb79546-cfc7-4688-8432-5dc1f22df9df",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
11</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.