CINXE.COM
Top 5 Note-Taking Browser Extensions in 2025
<!DOCTYPE html> <html lang="en"> <head> <title>Top 5 Note-Taking Browser Extensions in 2025</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" href="/blog/assets/built/screen.css?v=e559e15c15" /> <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" /> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { corePlugins: { preflight: false, }, theme: { extend: { colors: { transparent: 'transparent', current: 'currentColor', 'primary-transparent': '#00a8731f', 'primary-transparent-light': '#00a8730f', // TODO: Take colors from shared-lib primary: { 50: 'hsl(152, 31%, 88%)', 100: 'hsl(154, 37%, 84%)', 200: 'hsl(154, 40%, 67%)', 300: 'hsl(155, 42%, 57%)', 400: 'rgb(53, 176, 125)', 500: 'hsl(161, 100%, 35%)', 600: 'hsl(161, 93%, 33%)', 700: 'hsl(161, 100%, 31%)', 800: 'hsl(161, 100%, 29%)', 900: 'hsl(161, 100%, 22%)', 950: 'hsl(161, 100%, 12%)', }, secondary: { 50: 'hsl(218, 22%, 30%)', 100: 'hsl(218, 22%, 27%)', 200: 'hsl(218, 22%, 25%)', 300: 'hsl(218, 22%, 22%)', 400: 'hsl(218, 22%, 20%)', 500: 'hsl(218, 22%, 18%)', 600: 'hsl(218, 22%, 16%)', 700: 'hsl(218, 22%, 14%)', 800: 'hsl(218, 22%, 12%)', 900: 'hsl(218, 22%, 8%)', 950: 'hsl(218, 22%, 6%)', }, }, }, }, } </script> <meta name="description" content="Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing."> <link rel="canonical" href="https://web-highlights.com/blog/top-5-note-taking-browser-extensions-in-2025/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Web Highlights Blog"> <meta property="og:type" content="article"> <meta property="og:title" content="Top 5 Note-Taking Browser Extensions in 2025"> <meta property="og:description" content="Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing."> <meta property="og:url" content="https://web-highlights.com/blog/top-5-note-taking-browser-extensions-in-2025/"> <meta property="og:image" content="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=2000"> <meta property="article:published_time" content="2025-01-10T14:07:03.000Z"> <meta property="article:modified_time" content="2025-01-10T14:08:21.000Z"> <meta property="article:tag" content="Chrome Extension"> <meta property="article:tag" content="Note-Taking"> <meta property="article:publisher" content="https://www.facebook.com/webhighlightscom/"> <meta property="article:author" content="https://www.facebook.com/MariusBongartsWeb"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Top 5 Note-Taking Browser Extensions in 2025"> <meta name="twitter:description" content="Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing."> <meta name="twitter:url" content="https://web-highlights.com/blog/top-5-note-taking-browser-extensions-in-2025/"> <meta name="twitter:image" content="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=2000"> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Marius Bongarts"> <meta name="twitter:label2" content="Filed under"> <meta name="twitter:data2" content="Chrome Extension, Note-Taking"> <meta name="twitter:site" content="@WebHighlights_"> <meta name="twitter:creator" content="@MariusBongarts"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="801"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Web Highlights Blog", "url": "https://web-highlights.com/blog/", "logo": { "@type": "ImageObject", "url": "https://web-highlights.com/blog/content/images/2022/08/WH_LOGO.png" } }, "author": { "@type": "Person", "name": "Marius Bongarts", "image": { "@type": "ImageObject", "url": "https://web-highlights.com/blog/content/images/2022/08/IMG_7861_Square.jpeg", "width": 1200, "height": 1025 }, "url": "https://web-highlights.com/blog/author/marius-bongarts/", "sameAs": [ "https://marius-bongarts.de/", "https://www.facebook.com/MariusBongartsWeb", "https://twitter.com/MariusBongarts" ] }, "headline": "Top 5 Note-Taking Browser Extensions in 2025", "url": "https://web-highlights.com/blog/top-5-note-taking-browser-extensions-in-2025/", "datePublished": "2025-01-10T14:07:03.000Z", "dateModified": "2025-01-10T14:08:21.000Z", "image": { "@type": "ImageObject", "url": "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=2000", "width": 1200, "height": 801 }, "keywords": "Chrome Extension, Note-Taking", "description": "Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing.", "mainEntityOfPage": "https://web-highlights.com/blog/top-5-note-taking-browser-extensions-in-2025/" } </script> <meta name="generator" content="Ghost 5.96"> <link rel="alternate" type="application/rss+xml" title="Web Highlights Blog" href="https://web-highlights.com/blog/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.44/umd/portal.min.js" data-i18n="false" data-ghost="https://web-highlights.com/blog/" data-key="bf429b988a5345eea1c95d2887" data-api="https://web-highlights.com/blog/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.3/umd/sodo-search.min.js" data-key="bf429b988a5345eea1c95d2887" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.3/umd/main.css" data-sodo-search="https://web-highlights.com/blog/" data-locale="en" crossorigin="anonymous"></script> <link href="https://web-highlights.com/blog/webmentions/receive/" rel="webmention"> <script defer src="/blog/public/cards.min.js?v=e559e15c15"></script> <link rel="stylesheet" type="text/css" href="/blog/public/cards.min.css?v=e559e15c15"> <script defer src="/blog/public/member-attribution.min.js?v=e559e15c15"></script><style>:root {--ghost-accent-color: #202632;}</style> <meta name='impact-site-verification' value='1347994545'> <style> body { --secondary-color: #202632; --primary-color: #00b077; } .home-template .site-header-content { min-height: 60vh; } .home-template .site-logo { max-height: 100px; } .home-template .site-header-inner .site-description { display: none; } .post-template #gh-head { background: var(--secondary-color); } .site-footer { background: var(--secondary-color); } #cookie-bar-prompt { z-index: 99 !important; } #cookie-bar a#cookie-bar-button { background-color: #00b077 !important; } #cookie-bar #cookie-bar-button { background-color: $primary-color !important; color: white !important; text-shadow: none !important; } #cookie-bar a#cookie-bar-button-no { background-color: white !important; color: black !important; text-shadow: none !important; } #cookie-bar #cookie-bar-button { background-color: $primary-color !important; color: white !important; text-shadow: none !important; } @media (min-width: 575px) { #cookie-bar p { max-width: 60%; } } </style> <script defer data-domain="web-highlights.com" src="https://analytics.web-highlights.com/js/script.outbound-links.pageview-props.tagged-events.js"></script> <script> window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments); }; </script> <script> window.addEventListener("load", function () { var script = document.createElement("script"); script.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8081019835494096"; script.async = true; script.crossOrigin = "anonymous"; document.head.appendChild(script); }); </script> </head> <body class="post-template tag-chrome-extension tag-note-taking has-cover"> <div class="viewport"> <header id="gh-head" class="gh-head outer"> <nav class="gh-head-inner inner"> <div class="gh-head-brand"> <a style="transform: scale(1.9);margin: 0 40px 0 35px;" class="gh-head-logo" onclick="gtag('event', 'go_to_app_cta_logo', {});" href="https://web-highlights.com"> <img style="transform: translateY(2px);" src="https://web-highlights.com/blog/content/images/2022/08/WH_LOGO.png" alt="Web Highlights Blog" /> </a> <div class="gh-head-brand-wrapper"> <button class="gh-search" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <a class="gh-burger" role="button"> <div class="gh-burger-box"> <div class="gh-burger-inner"></div> </div> </a> </div> </div> <div class="gh-head-menu"> <ul class="nav"> <li class="nav-home"><a href="https://web-highlights.com/">Home</a></li> <li class="nav-blog"><a href="https://web-highlights.com/blog/">Blog</a></li> <li class="nav-about"><a href="https://web-highlights.com/about">About</a></li> <li class="nav-top-extensions"><a href="https://tooltivity.com">Top Extensions</a></li> </ul> </div> <div class="gh-head-actions"> <button class="gh-search" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <div class="gh-social"> <a class="gh-social-link gh-social-facebook" onclick="gtag('event', 'social_link_click_blog_facebook', {});" href="https://www.facebook.com/webhighlightscom/" title="Facebook" target="_blank" rel="noopener"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"/></svg></a> <a class="gh-social-link gh-social-twitter" onclick="gtag('event', 'social_link_click_blog_twitter', {});" href="https://twitter.com/WebHighlights_" title="Twitter" target="_blank" rel="noopener"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></a> <a class="gh-social-link gh-social-twitter" onclick="gtag('event', 'social_link_click_blog_linkedin', {});" href="https://www.linkedin.com/in/marius-bongarts-6b3638171/" title="LinkedIn" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="icon" style="fill: white;transform: scale(1.2);" > <path d="M25,2C12.318,2,2,12.317,2,25s10.318,23,23,23s23-10.317,23-23S37.682,2,25,2z M18,35h-4V20h4V35z M16,17 c-1.105,0-2-0.895-2-2c0-1.105,0.895-2,2-2s2,0.895,2,2C18,16.105,17.105,17,16,17z M37,35h-4v-5v-2.5c0-1.925-1.575-3.5-3.5-3.5 S26,25.575,26,27.5V35h-4V20h4v1.816C27.168,20.694,28.752,20,30.5,20c3.59,0,6.5,2.91,6.5,6.5V35z" ></path></svg></a> </div> <div class="flex gap-2"> <a type="button" title="Add to Chrome Browser - it's free" onclick="gtag('event', 'install_cta_blog_primary', {});" aria-label="Add to Chrome Browser - it's free" target="_blank" href="https://chromewebstore.google.com/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm" class="flex items-center text-white bg-primary-700 hover:bg-primary-700/80 focus:ring-1 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-4 text-center inline-flex items-center dark:hover:bg-primary-600/70 dark:focus:ring-gray-600" ><svg class="w-[24px] h-[24px] me-2 -ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" > <path d="M23.9065 2.88415C23.9065 2.88415 36.3365 2.32467 42.9244 14.8163H22.8499C22.8499 14.8163 19.0589 14.6917 15.8267 19.2911C14.8949 21.2181 13.9007 23.207 15.0192 27.1218C13.4032 24.3878 6.44238 12.2685 6.44238 12.2685C6.44238 12.2685 11.3525 3.38103 23.9065 2.88415Z" fill="#DA4537" ></path> <path d="M6.44238 12.2681C6.44238 12.2681 13.4032 24.3874 15.0192 27.1214C14.3881 24.9124 14.4296 23.3166 14.7531 21.9992L6.44238 12.2681Z" fill="#B63729" ></path> <path d="M42.277 34.5998C42.277 34.5998 36.5452 45.6426 22.4326 45.1001C24.1738 42.0868 32.4721 27.7167 32.4721 27.7167C32.4721 27.7167 34.4757 24.4962 32.1104 19.3978C31.593 18.636 31.0716 17.8585 30.3309 17.141C29.3496 16.1905 27.9836 15.3454 25.7326 14.7814C28.9094 14.7502 42.8845 14.7835 42.8845 14.7835C42.8845 14.7835 48.1246 23.48 42.277 34.5998Z" fill="#FFCD3F" ></path> <path d="M5.6251 34.6841C5.6251 34.6841 -1.07237 24.1973 6.45491 12.2476L16.4882 29.6352C16.4882 29.6352 18.2754 32.9804 23.874 33.4812C24.8832 33.4076 25.9112 33.3391 27.0139 32.9783C28.2439 32.5758 29.5667 31.8097 31.0599 30.2671C29.4991 33.0333 22.4814 45.1197 22.4814 45.1197C22.4814 45.1197 12.3303 45.309 5.6251 34.6841Z" fill="#0A9E58" ></path> <path d="M14.4502 24.1729C14.4502 18.9793 18.6608 14.7681 23.8555 14.7681C29.0498 14.7681 33.26 18.9793 33.26 24.1729C33.26 29.368 29.0498 33.5786 23.8555 33.5786C18.6608 33.5786 14.4502 29.3682 14.4502 24.1729Z" fill="white" ></path> <path d="M16.4795 24.1729C16.4795 20.1003 19.7815 16.7983 23.8545 16.7983C27.9263 16.7983 31.2289 20.1003 31.2289 24.1729C31.2289 28.246 27.9264 31.5479 23.8545 31.5479C19.7815 31.5479 16.4795 28.2459 16.4795 24.1729Z" fill="#577FC0" ></path> <path d="M42.8842 14.7835C42.8842 14.7835 28.9092 14.7502 25.7324 14.7814C27.9834 15.3454 29.3494 16.1905 30.3307 17.141L42.8842 14.7835Z" fill="#E5A630" ></path> <path d="M22.4814 45.1196C22.4814 45.1196 29.4991 33.0332 31.0599 30.2671C29.5668 31.8096 28.2439 32.5758 27.014 32.9782L22.4814 45.1196Z" fill="#109155" ></path> </svg> <p class="text-white">Add to Chrome <span class="font-light">- it's free</span></p></a ><a type="button" title="Add to Edge Browser - it's free" target="_blank" aria-label="Add to Edge Browser - it's free" onclick="gtag('event', 'install_cta_blog_primary', {});" href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn" class="flex items-center border border-solid border-primary-700 hover:bg-primary-50/40 dark:hover:bg-primary-50/20 focus:ring-1 dark:focus:ring-gray-600 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-4 text-center inline-flex items-cente" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" class="w-[24px] h-[24px]" > <path d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint0_linear_5830_54282)" ></path> <path opacity="0.35" d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint1_radial_5830_54282)" ></path> <path d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint2_linear_5830_54282)" ></path> <path opacity="0.41" d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint3_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint4_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint5_radial_5830_54282)" ></path> <defs> <linearGradient id="paint0_linear_5830_54282" x1="12.5342" y1="31.9885" x2="41.8549" y2="31.9885" gradientUnits="userSpaceOnUse" > <stop stop-color="#0C59A4"></stop> <stop offset="1" stop-color="#114A8B"></stop> </linearGradient> <radialGradient id="paint1_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7285 32.2196) scale(15.6813 14.8973)" > <stop offset="0.72" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.53"></stop> <stop offset="1"></stop> </radialGradient> <linearGradient id="paint2_linear_5830_54282" x1="27.9921" y1="19.2697" x2="9.67855" y2="39.2175" gradientUnits="userSpaceOnUse" > <stop stop-color="#1B9DE2"></stop> <stop offset="0.16" stop-color="#1595DF"></stop> <stop offset="0.67" stop-color="#0680D7"></stop> <stop offset="1" stop-color="#0078D4"></stop> </linearGradient> <radialGradient id="paint3_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4866 35.5985) rotate(-81.3844) scale(23.5805 19.0507)" > <stop offset="0.76" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.5"></stop> <stop offset="1"></stop> </radialGradient> <radialGradient id="paint4_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.13191 10.6691) rotate(92.2906) scale(33.3079 70.939)" > <stop stop-color="#35C1F1"></stop> <stop offset="0.11" stop-color="#34C1ED"></stop> <stop offset="0.23" stop-color="#2FC2DF"></stop> <stop offset="0.31" stop-color="#2BC3D2"></stop> <stop offset="0.67" stop-color="#36C752"></stop> </radialGradient> <radialGradient id="paint5_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.3499 15.6061) rotate(73.7398) scale(16.0036 13.0141)" > <stop stop-color="#66EB6E"></stop> <stop offset="1" stop-color="#66EB6E" stop-opacity="0"></stop> </radialGradient> </defs> </svg> <p class="sr-only absolute">Add to Edge <span>- it's free</span></p></a > </div> <a style="display: none;" class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a> </div> </nav> </header> <div class="site-content"> <main id="site-main" class="site-main"> <article class="article post tag-chrome-extension tag-note-taking "> <header class="article-header gh-canvas"> <div class="article-tag post-card-tags"> <span class="post-card-primary-tag"> <a href="/blog/tag/chrome-extension/">Chrome Extension</a> </span> </div> <h1 class="article-title">Top 5 Note-Taking Browser Extensions in 2025</h1> <p class="article-excerpt">Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing.</p> <div class="article-byline"> <section class="article-byline-content"> <ul class="author-list"> <li class="author-list-item"> <a href="/blog/author/marius-bongarts/" class="author-avatar"> <img class="author-profile-image" src="/blog/content/images/size/w100/2022/08/IMG_7861_Square.jpeg" alt="Marius Bongarts" /> </a> </li> </ul> <div class="article-byline-meta"> <h4 class="author-name"><a href="/blog/author/marius-bongarts/">Marius Bongarts</a></h4> <div class="byline-meta-content"> <time class="byline-meta-date" datetime="2025-01-10">Jan 10, 2025</time> <span class="byline-reading-time"><span class="bull">•</span> 7 min read</span> </div> </div> </section> </div> <figure class="article-image"> <img srcset="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=300 300w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=600 600w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=1000 1000w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=2000 2000w" sizes="(min-width: 1400px) 1400px, 92vw" src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&ixlib=rb-4.0.3&q=80&w=2000" alt=" Two laptops, with two people sitting in front. A physical notebook in front, with the man holding a pencil." /> <figcaption><span style="white-space: pre-wrap;">Photo by </span><a href="https://unsplash.com/@homajob?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit"><span style="white-space: pre-wrap;">Scott Graham</span></a><span style="white-space: pre-wrap;"> / </span><a href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit"><span style="white-space: pre-wrap;">Unsplash</span></a></figcaption> </figure> </header> <section class="gh-content gh-canvas"> <p>In today’s digital age, you can access almost any knowledge at any time, which is too much for our brain to handle. </p><p>In a world where most people don't even touch a physical pencil in their daily lives, digital note-taking has become one of the most important things to stay organized in a world with endless information. That's why we need a good tool that can help us to temporarily store this information for our future self.</p><blockquote class="kg-blockquote-alt">The challenge is knowing which knowledge is worth acquiring. - <a href="https://web-highlights.com/blog/tag/tiago-forte/">Tiago Forte</a></blockquote><p>In recent years, there’s been a clear shift toward using more applications in the browser instead of native apps. That’s why it makes perfect sense to use a note-taking tool that’s always within reach as a browser plugin.</p><p>With thousands of note-taking extensions in browsers, here’s my shortlist to help you out:</p><h3 id="list-of-the-best-note-taking-browser-extensions">List of the Best Note-Taking Browser Extensions</h3><ol><li><a href="https://tooltivity.com/extensions/web-highlights">Web Highlights</a></li><li><a href="https://tooltivity.com/extensions/onenote-web-clipper">OneNote Web Clipper</a> </li><li><a href="https://tooltivity.com/extensions/notebook-web-clipper">Notebook Web Clipper</a></li><li><a href="https://tooltivity.com/extensions/new-tab-notes">New Tab Notes</a></li><li><a href="https://tooltivity.com/extensions/new-tab-draft">New Tab Draft</a></li></ol><h3 id="1-web-highlightspdf-web-highlighter"><a href="https://web-highlights.com/" rel="noopener">1. Web Highlights - PDF & Web Highlighter</a></h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*LAl1b9b9a6Gd2PHPaV4yHA.png" class="kg-image" alt="Web Highlights — PDF & Web Highlighter web-highlights.com Featured 4.8 (2.7K ratings)" loading="lazy" width="1488" height="358"><figcaption><a href="https://chromewebstore.google.com/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm" target="_blank" rel="noopener"><span style="white-space: pre-wrap;">Web Highlights — PDF & Web Highlighter</span></a></figcaption></figure><p>This online highlighter is the hidden gem you didn’t know you needed.</p><p>What makes this tool special is that you can create visual highlights with multiple colors and annotations on any website or PDF, right in your browser.</p><blockquote class="kg-blockquote-alt"><em>"Obsessed with this, I can just turn websites into my notes. I can even choose the colors I want to highlight in."</em> - <em>Amsal Shabeer</em></blockquote><p>Taking notes is as simple as selecting text on a website and adding a note to it.</p><figure class="kg-card kg-video-card kg-width-regular kg-card-hascaption" data-kg-thumbnail="https://web-highlights.com/blog/content/media/2025/01/landing-notes-tags.EIDlPaU__thumb.jpg" data-kg-custom-thumbnail=""> <div class="kg-video-container"> <video src="https://web-highlights.com/blog/content/media/2025/01/landing-notes-tags.EIDlPaU_.mp4" poster="https://img.spacergif.org/v1/2694x1428/0a/spacer.png" width="2694" height="1428" loop="" autoplay="" muted="" playsinline="" preload="metadata" style="background: transparent url('https://web-highlights.com/blog/content/media/2025/01/landing-notes-tags.EIDlPaU__thumb.jpg') 50% 50% / cover no-repeat;"></video> <div class="kg-video-overlay"> <button class="kg-video-large-play-icon" aria-label="Play video"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"></path> </svg> </button> </div> <div class="kg-video-player-container kg-video-hide"> <div class="kg-video-player"> <button class="kg-video-play-icon" aria-label="Play video"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"></path> </svg> </button> <button class="kg-video-pause-icon kg-video-hide" aria-label="Pause video"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"></rect> <rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"></rect> </svg> </button> <span class="kg-video-current-time">0:00</span> <div class="kg-video-time"> /<span class="kg-video-duration">0:09</span> </div> <input type="range" class="kg-video-seek-slider" max="100" value="0"> <button class="kg-video-playback-rate" aria-label="Adjust playback speed">1×</button> <button class="kg-video-unmute-icon" aria-label="Unmute"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"></path> </svg> </button> <button class="kg-video-mute-icon kg-video-hide" aria-label="Mute"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"></path> </svg> </button> <input type="range" class="kg-video-volume-slider" max="100" value="100"> </div> </div> </div> <figcaption><p><span style="white-space: pre-wrap;">Create Notes & Tags </span></p></figcaption> </figure><p>The best part? Your highlights stay on the website, even after you reload the page. </p><p>Plus, all your notes and highlights are saved in one central place, making it easy to organize your research with tags and quickly find information using full-text search. </p><p>Here's an example of highlighted content in the app:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*nXxmXniZw6YDYRV6p4Sbow.png" class="kg-image" alt="Web Highlights content" loading="lazy" width="2334" height="1528"><figcaption><span style="white-space: pre-wrap;">Web Highlights content</span></figcaption></figure><p>Web Highlights is known for its beautiful user interface and is a popular among medical and law students, professionals, researchers, and many others looking to organize their digital lives better.</p><p>Alongside its core highlighting and note-taking tools, it offers a variety of features to help with learning, studying, and remembering what you read online.</p><p><a href="https://tooltivity.com/" rel="noopener">Tooltivity</a> gave Web Highlights an outstanding score of <strong>9.8 out of 10.</strong></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*lopgtluOD5u5JgRHiXjyXQ.png" class="kg-image" alt="Tested By Tooltivity — 9.8 Outstanding" loading="lazy" width="1202" height="170"><figcaption><span style="white-space: pre-wrap;">Tested By </span><a href="https://tooltivity.com/" target="_blank" rel="noopener"><span style="white-space: pre-wrap;">Tooltivity</span></a><span style="white-space: pre-wrap;"> — 9.8 Outstanding</span></figcaption></figure><p>Check out their <a href="https://tooltivity.com/extensions/web-highlights" rel="noreferrer">full review here</a>:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/extensions/web-highlights"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Web Highlights - PDF & Web Highlighter Review & Alternatives | Tooltivity</div><div class="kg-bookmark-description">Read our in-depth review of Web Highlights - PDF & Web Highlighter. Discover its key features, benefits, and the best alternatives to Web Highlights.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">Web Highlights - PDF & Web Highlighter Review & Alternatives | Tooltivity</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.sanity.io/images/7re654cz/production/e4e78bf3943167b27db487dc3b6d982c293bf049-1280x800.png?rect=0,64,1280,672&w=1200&h=630" alt="" onerror="this.style.display = 'none'"></div></a></figure><hr><h3 id="2-onenote-web-clipper"><a href="https://tooltivity.com/extensions/onenote-web-clipper" rel="noopener">2. OneNote Web Clipper</a></h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*mvukt2eGLTNa_d0QFgkDNQ.png" class="kg-image" alt="OneNote Web Clipper onenote.com 4.8 (68.1K ratings) Extension Workflow & Planning 1,000,000 users" loading="lazy" width="1614" height="370"><figcaption><a href="https://tooltivity.com/extensions/onenote-web-clipper" target="_blank" rel="noopener"><span style="white-space: pre-wrap;">OneNote Web Clipper</span></a></figcaption></figure><p>I loved OneNote for taking notes during university, but I hadn’t touched it since then.</p><p>Recently, though, I discovered their super simple <a href="https://web-highlights.com/blog/top-7-web-clipper-chrome-extensions-for-capturing-websites/" rel="noopener">web clipper</a> Chrome extension — and started to give OneNote another try. If you choose this extension, you’ll need to use OneNote as your central hub for storing notes (your so-called “<a href="https://web-highlights.com/blog/tag/second-brain/" rel="noreferrer noopener">Second Brain</a>”), which is a great choice.</p><p>If you go this route, their Web Clipper Chrome Extension is a great choice. It lets you save entire webpages to your OneNote space and even add notes directly to the webpage.</p><p>Here’s what it looks like to save a website to OneNote:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*aNAc3VyvAjVAGgUU" class="kg-image" alt="Saving a website using OneNote Web Clipper" loading="lazy" width="1600" height="908"><figcaption><span style="white-space: pre-wrap;">Saving a website using OneNote Web Clipper</span></figcaption></figure><p>OneNote is widely famous for its powerful note-taking capabilities and is a go-to tool for students, professionals, and anyone looking to keep their notes organized. </p><p>If you use OneNote, this beautifully designed plugin is perfect for saving notes directly from any website.</p><p><a href="https://tooltivity.com/" rel="noopener">Tooltivity</a> gave OneNote Web Clipper an impressive score of<strong> 8.8 out of 10.</strong></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/1*rZl71h7VRdq-qT9AosYZMw.png" class="kg-image" alt="Tested By Tooltivity — 8.8 Impressive" loading="lazy" width="986" height="160"><figcaption><span style="white-space: pre-wrap;">Tested By </span><a href="https://tooltivity.com/" target="_blank" rel="noopener"><span style="white-space: pre-wrap;">Tooltivity</span></a><span style="white-space: pre-wrap;"> — 8.8 Impressive</span></figcaption></figure><p>Check out the <a href="https://tooltivity.com/extensions/onenote-web-clipper" rel="noopener">full review here</a>.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/extensions/onenote-web-clipper"><div class="kg-bookmark-content"><div class="kg-bookmark-title">OneNote Web Clipper Review & Alternatives | Tooltivity</div><div class="kg-bookmark-description">Read our in-depth review of OneNote Web Clipper. Discover its key features, benefits, and the best alternatives to OneNote Web Clipper.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">OneNote Web Clipper Review & Alternatives | Tooltivity</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.sanity.io/images/7re654cz/production/dec14e05f7fbd4ae9ff6286a286624220c3b2365-1280x800.webp?rect=0,64,1280,672&w=1200&h=630" alt="" onerror="this.style.display = 'none'"></div></a></figure><hr><h3 id="3-diigo-web-collector-capture-and-annotate"><a href="https://tooltivity.com/extensions/diigo-web-collector">3. Diigo Web Collector: Capture and Annotate</a></h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://web-highlights.com/blog/content/images/2025/01/image-10.png" class="kg-image" alt="" loading="lazy" width="1646" height="374" srcset="https://web-highlights.com/blog/content/images/size/w600/2025/01/image-10.png 600w, https://web-highlights.com/blog/content/images/size/w1000/2025/01/image-10.png 1000w, https://web-highlights.com/blog/content/images/size/w1600/2025/01/image-10.png 1600w, https://web-highlights.com/blog/content/images/2025/01/image-10.png 1646w" sizes="(min-width: 720px) 720px"><figcaption><a href="https://tooltivity.com/extensions/diigo-web-collector"><span style="white-space: pre-wrap;">Diigo Web Collector</span></a></figcaption></figure><p>Diigo is a similar highlighting tool as <a href="https://web-highlights.com/" rel="noopener">Web Higlights</a> enabling you to highlight text on websites and adding notes to it.</p><p>You can easily highlight text and a popup appears:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*84DpNUnLj4wSG_4O" class="kg-image" alt="Highlighting text with Diigo" loading="lazy" width="1600" height="268"><figcaption><span style="white-space: pre-wrap;">Highlighting text with Diigo</span></figcaption></figure><p>When clicking on the notes icon, you are able to add quick notes to your highlights:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*5gDrnWPO82cVlr8Y" class="kg-image" alt="Note-Taking with Diigo" loading="lazy" width="1600" height="416"><figcaption><span style="white-space: pre-wrap;">Note-Taking with Diigo</span></figcaption></figure><p>Diigo is great for highlighting and annotating, focusing on the core features. It’s a solid choice if you’re after a simple solution. On the other hand, <a href="https://web-highlights.com/" rel="noopener">Web Highlights</a> offers a modern design with more advanced features, making it a great alternative.</p><p><a href="https://tooltivity.com/" rel="noopener">Tooltivity</a> gave Diigo a good rating of<strong> 7.8 out of 10.</strong></p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/extensions/diigo-web-collector"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Diigo Web Collector - Capture and Annotate Review & Alternatives | Tooltivity</div><div class="kg-bookmark-description">Read our in-depth review of Diigo Web Collector - Capture and Annotate. Discover its key features, benefits, and the best alternatives to Diigo.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">Diigo Web Collector - Capture and Annotate Review & Alternatives | Tooltivity</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.sanity.io/images/7re654cz/production/40399528c17f0d563d461b5dfc5f14a8c4a10cce-640x400.webp?rect=0,32,640,336&w=1200&h=630" alt="" onerror="this.style.display = 'none'"></div></a></figure><hr><h3 id="4-new-tab-notes"><a href="https://tooltivity.com/extensions/milanote-web-clipper" rel="noopener">4. </a><a href="https://tooltivity.com/extensions/new-tab-notes">New Tab Notes</a></h3><figure class="kg-card kg-image-card"><img src="https://web-highlights.com/blog/content/images/2025/01/image-5.png" class="kg-image" alt="New Tab Notes Chrome Store Entry" loading="lazy" width="1416" height="360" srcset="https://web-highlights.com/blog/content/images/size/w600/2025/01/image-5.png 600w, https://web-highlights.com/blog/content/images/size/w1000/2025/01/image-5.png 1000w, https://web-highlights.com/blog/content/images/2025/01/image-5.png 1416w" sizes="(min-width: 720px) 720px"></figure><p>If you’re looking for a more advanced notepad directly in your browser, this extension might be for you.</p><p>New Tab Notes is a so-called <a href="https://web-highlights.com/blog/the-best-new-tab-chrome-extensions-for-2024/" rel="noopener">New-Tab extension</a> and transforms your new tab into a distraction-free notepad. So, whenever you open a new tab in your browser, this simple notepad opens up:</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://cdn-images-1.medium.com/max/1600/0*rcDdhKJDYMxKPJBM" class="kg-image" alt="New Tab Notes notepad" loading="lazy" width="1280" height="800"><figcaption><span style="white-space: pre-wrap;">New Tab Notes notepad</span></figcaption></figure><p>The great thing is that it supports rich-text formatting, auto-sync, and customization. Anyone who has worked with Notion before, will find it easy to use as it acts very similar.</p><p><a href="https://tooltivity.com/" rel="noopener">Tooltivity</a> gave New Tab Notes an impressive rating of<strong> 8.6 out of 10.</strong></p><figure class="kg-card kg-image-card"><img src="https://cdn-images-1.medium.com/max/1600/0*OwgJxvFgGw8Nx3HI.png" class="kg-image" alt="" loading="lazy" width="1554" height="314"></figure><p>Check out the <a href="https://tooltivity.com/extensions/new-tab-notes" rel="noreferrer noopener">full review here</a>:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/extensions/new-tab-notes"><div class="kg-bookmark-content"><div class="kg-bookmark-title">New Tab Notes Review & Alternatives | Tooltivity</div><div class="kg-bookmark-description">Read our in-depth review of New Tab Notes. Discover its key features, benefits, and the best alternatives to New Tab Notes.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">New Tab Notes Review & Alternatives | Tooltivity</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.sanity.io/images/7re654cz/production/06edf8a82d916ab5b6677b6d29411021116afb90-1280x800.png?rect=0,64,1280,672&w=1200&h=630" alt="" onerror="this.style.display = 'none'"></div></a></figure><hr><h3 id="5-new-tab-draft-simple-note-taking"><a href="https://tooltivity.com/extensions/new-tab-draft">5. New Tab Draft: Simple Note-Taking</a></h3><p><a href="https://tooltivity.com/extensions/new-tab-draft"></a></p><p>This <a href="https://web-highlights.com/blog/the-best-new-tab-chrome-extensions-for-2024/" rel="noopener">New-Tab extension</a> works much like <a href="https://tooltivity.com/extensions/new-tab-notes" rel="noopener">New Tab Notes</a>, offering a notepad when you open a new tab in your browser. </p><p>The main difference is its simplicity. New Tab Draft is a very simple editor comparable to the Notepad app on Windows or TextEdit on Mac. It does not offer any formatting options, saving your text in local storage — which is great for privacy. </p><p>While it doesn’t have many extra features, its simplicity and strong ratings in the Chrome Web Store might appeal to those who prefer to keep it simple.</p><p><a href="https://tooltivity.com/" rel="noopener">Tooltivity</a> gave New Tab Draft a very good rating of<strong> 8.2 out of 10.</strong></p><figure class="kg-card kg-image-card"><img src="https://cdn-images-1.medium.com/max/1600/0*uDY9iMgIdL2ys6ce.png" class="kg-image" alt="" loading="lazy" width="1512" height="304"></figure><p>Check out the <a href="https://tooltivity.com/extensions/new-tab-draft" rel="noopener">full review here</a>:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/extensions/new-tab-draft"><div class="kg-bookmark-content"><div class="kg-bookmark-title">New Tab Draft: Simple Note-Taking Review & Alternatives | Tooltivity</div><div class="kg-bookmark-description">Read our in-depth review of New Tab Draft: Simple Note-Taking. Discover its key features, benefits, and the best alternatives to New Tab Draft.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">New Tab Draft: Simple Note-Taking Review & Alternatives | Tooltivity</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://cdn.sanity.io/images/7re654cz/production/156fbe3f029dae6c0bf552d3605d7422f55c0b70-1280x800.png?rect=0,64,1280,672&w=1200&h=630" alt="" onerror="this.style.display = 'none'"></div></a></figure><h3 id="final-thoughts">Final Thoughts</h3><p>There are plenty of note-taking Chrome extensions to choose from, and picking the right one usually depends on personal preference. Try out a few and see which one works best for you.</p><p>If you’re looking for more options, take a look at the complete list of <a href="https://tooltivity.com/categories/note-taking-apps" rel="noopener">Note-Taking extensions</a> on Tooltivity:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tooltivity.com/categories/note-taking-apps"><div class="kg-bookmark-content"><div class="kg-bookmark-title">The Best Note Taking Extensions in 2025</div><div class="kg-bookmark-description">Discover the best Note Taking extensions for your browser. We’ve manually reviewed the top Note Taking add-ons to boost your online workflow and efficiency.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.ghost.org/v5.0.0/images/link-icon.svg" alt=""><span class="kg-bookmark-author">The Best Note Taking Extensions in 2025</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://tooltivity.com/thumbnail.png" alt="" onerror="this.style.display = 'none'"></div></a></figure><hr><p>Thanks for reading!</p><p>I always appreciate feedback — connect with me on <a href="https://www.linkedin.com/in/marius-bongarts/" rel="noopener ugc nofollow noopener">LinkedIn</a> or <a href="https://twitter.com/mariusbongarts" rel="noopener ugc nofollow noopener">Twitter</a>.</p> </section> </article> </main> <section class="footer-cta outer"> <div class="inner"> <h2 class="footer-cta-title">Sign up for more like this.</h2> <a class="footer-cta-button" href="#/portal" data-portal> <div class="footer-cta-input">Enter your email</div> <span>Subscribe</span> </a> </div> </section> <aside class="read-more-wrap outer"> <div class="read-more inner"> <article class="post-card post"> <a class="post-card-image-link" href="/blog/why-was-my-chrome-extension-turned-off/"> <img class="post-card-image" srcset="/blog/content/images/size/w300/2025/02/why-turned-off.png 300w, /blog/content/images/size/w600/2025/02/why-turned-off.png 600w, /blog/content/images/size/w1000/2025/02/why-turned-off.png 1000w, /blog/content/images/size/w2000/2025/02/why-turned-off.png 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/blog/content/images/size/w600/2025/02/why-turned-off.png" alt="Why Was My Chrome Extension Turned Off?" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/why-was-my-chrome-extension-turned-off/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> Why Was My Chrome Extension Turned Off? </h2> </header> <div class="post-card-excerpt">Find out why Chrome turned off your extension, what it means for you, and how to choose the best alternative.</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2025-02-20">Feb 20, 2025</time> <span class="sep">—</span> <span class="post-card-meta-length">4 min read</span> </footer> </div> </article> <article class="post-card post"> <a class="post-card-image-link" href="/blog/how-5-law-students-study-smarter-with-web-highlights/"> <img class="post-card-image" srcset="/blog/content/images/size/w300/2025/02/law-thumbnail-big.webp 300w, /blog/content/images/size/w600/2025/02/law-thumbnail-big.webp 600w, /blog/content/images/size/w1000/2025/02/law-thumbnail-big.webp 1000w, /blog/content/images/size/w2000/2025/02/law-thumbnail-big.webp 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/blog/content/images/size/w600/2025/02/law-thumbnail-big.webp" alt="How 3 Law Students Study Smarter with Web Highlights" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/how-5-law-students-study-smarter-with-web-highlights/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> How 3 Law Students Study Smarter with Web Highlights </h2> </header> <div class="post-card-excerpt">Follow the journey of three law students as they share how Web Highlights boosts their productivity. Learn why they recommend it to all law students.</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2025-02-14">Feb 14, 2025</time> <span class="sep">—</span> <span class="post-card-meta-length">8 min read</span> </footer> </div> </article> <article class="post-card post"> <a class="post-card-image-link" href="/blog/planting-trees-worldwide-with-our-browser-extension/"> <img class="post-card-image" srcset="/blog/content/images/size/w300/2024/12/kilimanjaro1-min.jpg 300w, /blog/content/images/size/w600/2024/12/kilimanjaro1-min.jpg 600w, /blog/content/images/size/w1000/2024/12/kilimanjaro1-min.jpg 1000w, /blog/content/images/size/w2000/2024/12/kilimanjaro1-min.jpg 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/blog/content/images/size/w600/2024/12/kilimanjaro1-min.jpg" alt="Mersey Forest twins with African initiative in drive to plant more trees locally and globally" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/planting-trees-worldwide-with-our-browser-extension/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> Planting Trees Worldwide with The Web Highlights Extension </h2> </header> <div class="post-card-excerpt">My top priority was always to make sure that most features of Web Highlights are free for everyone around the world. I am proud that the free version is already helping over 150,000 users to learn, stay organized, and do research. At the same time, I want to keep</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2024-12-29">Dec 29, 2024</time> <span class="sep">—</span> <span class="post-card-meta-length">4 min read</span> </footer> </div> </article> </div> </aside> </div> <footer class="site-footer outer"> <div class="inner"> <section class="copyright"><a href="https://web-highlights.com/blog">Web Highlights Blog</a> © 2025</section> <nav class="site-footer-nav"> <ul class="nav"> <li class="nav-home"><a href="https://web-highlights.com/">Home</a></li> <li class="nav-about"><a href="https://web-highlights.com/about/">About</a></li> <li class="nav-blog"><a href="https://web-highlights.com/blog/">Blog</a></li> <li class="nav-chrome-extension"><a href="https://chrome.google.com/webstore/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm">Chrome Extension</a></li> <li class="nav-edge-extension"><a href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn">Edge Extension</a></li> <li class="nav-sign-up"><a href="https://app.web-highlights.com/auth/sign-up">Sign up</a></li> <li class="nav-sign-in"><a href="https://app.web-highlights.com/auth/sign-in">Sign In</a></li> <li class="nav-whats-new"><a href="https://web-highlights.com/blog/whats-new/">What's new?</a></li> </ul> </nav> <div><a href="https://web-highlights.com/" target="_blank">Powered by Web Highlights</a></div> </div> <div style="display: flex;justify-content: center;flex-wrap: wrap; margin-top: 30px;"> <div style="display: flex;justify-content: center;flex-wrap: wrap; width: 100%;"> <span style="width: 450px;text-align: center;font-weight: 700; font-size: 18px;"> Productivity Highlighter for any Website or PDF. Free and easy to use without signing up. <br> <br> <span style="width: 100%;text-align: center;font-weight: 500; font-size: 16px;"> With our online Web & PDF Highlighter you can highlight any website or PDF. Easily create tags, take notes and export your research to Notion, Obsidian, and more. </span> </span> </div> <div class="flex gap-2 mt-12"> <a type="button" title="Add to Chrome Browser - it's free" target="_blank" aria-label="Add to Chrome Browser - it's free" href="https://chromewebstore.google.com/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm" class="flex items-center text-white bg-primary-700 hover:bg-primary-700/80 focus:ring-1 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-2.5 text-center inline-flex items-center dark:hover:bg-primary-600/70 dark:focus:ring-gray-600" ><svg class="w-[20px] h-[20px] me-2 -ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" > <path d="M23.9065 2.88415C23.9065 2.88415 36.3365 2.32467 42.9244 14.8163H22.8499C22.8499 14.8163 19.0589 14.6917 15.8267 19.2911C14.8949 21.2181 13.9007 23.207 15.0192 27.1218C13.4032 24.3878 6.44238 12.2685 6.44238 12.2685C6.44238 12.2685 11.3525 3.38103 23.9065 2.88415Z" fill="#DA4537" ></path> <path d="M6.44238 12.2681C6.44238 12.2681 13.4032 24.3874 15.0192 27.1214C14.3881 24.9124 14.4296 23.3166 14.7531 21.9992L6.44238 12.2681Z" fill="#B63729" ></path> <path d="M42.277 34.5998C42.277 34.5998 36.5452 45.6426 22.4326 45.1001C24.1738 42.0868 32.4721 27.7167 32.4721 27.7167C32.4721 27.7167 34.4757 24.4962 32.1104 19.3978C31.593 18.636 31.0716 17.8585 30.3309 17.141C29.3496 16.1905 27.9836 15.3454 25.7326 14.7814C28.9094 14.7502 42.8845 14.7835 42.8845 14.7835C42.8845 14.7835 48.1246 23.48 42.277 34.5998Z" fill="#FFCD3F" ></path> <path d="M5.6251 34.6841C5.6251 34.6841 -1.07237 24.1973 6.45491 12.2476L16.4882 29.6352C16.4882 29.6352 18.2754 32.9804 23.874 33.4812C24.8832 33.4076 25.9112 33.3391 27.0139 32.9783C28.2439 32.5758 29.5667 31.8097 31.0599 30.2671C29.4991 33.0333 22.4814 45.1197 22.4814 45.1197C22.4814 45.1197 12.3303 45.309 5.6251 34.6841Z" fill="#0A9E58" ></path> <path d="M14.4502 24.1729C14.4502 18.9793 18.6608 14.7681 23.8555 14.7681C29.0498 14.7681 33.26 18.9793 33.26 24.1729C33.26 29.368 29.0498 33.5786 23.8555 33.5786C18.6608 33.5786 14.4502 29.3682 14.4502 24.1729Z" fill="white" ></path> <path d="M16.4795 24.1729C16.4795 20.1003 19.7815 16.7983 23.8545 16.7983C27.9263 16.7983 31.2289 20.1003 31.2289 24.1729C31.2289 28.246 27.9264 31.5479 23.8545 31.5479C19.7815 31.5479 16.4795 28.2459 16.4795 24.1729Z" fill="#577FC0" ></path> <path d="M42.8842 14.7835C42.8842 14.7835 28.9092 14.7502 25.7324 14.7814C27.9834 15.3454 29.3494 16.1905 30.3307 17.141L42.8842 14.7835Z" fill="#E5A630" ></path> <path d="M22.4814 45.1196C22.4814 45.1196 29.4991 33.0332 31.0599 30.2671C29.5668 31.8096 28.2439 32.5758 27.014 32.9782L22.4814 45.1196Z" fill="#109155" ></path> </svg> <p class="text-white">Add to Chrome <span class="font-light">- it's free</span></p></a ><a type="button" title="Add to Edge Browser - it's free" target="_blank" aria-label="Add to Edge Browser - it's free" href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn" class="flex items-center border border-solid border-primary-700 hover:bg-primary-50/40 dark:hover:bg-primary-50/20 focus:ring-1 dark:focus:ring-gray-600 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-2.5 text-center inline-flex items-cente" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" class="w-[20px] h-[20px]" > <path d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint0_linear_5830_54282)" ></path> <path opacity="0.35" d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint1_radial_5830_54282)" ></path> <path d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint2_linear_5830_54282)" ></path> <path opacity="0.41" d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint3_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint4_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint5_radial_5830_54282)" ></path> <defs> <linearGradient id="paint0_linear_5830_54282" x1="12.5342" y1="31.9885" x2="41.8549" y2="31.9885" gradientUnits="userSpaceOnUse" > <stop stop-color="#0C59A4"></stop> <stop offset="1" stop-color="#114A8B"></stop> </linearGradient> <radialGradient id="paint1_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7285 32.2196) scale(15.6813 14.8973)" > <stop offset="0.72" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.53"></stop> <stop offset="1"></stop> </radialGradient> <linearGradient id="paint2_linear_5830_54282" x1="27.9921" y1="19.2697" x2="9.67855" y2="39.2175" gradientUnits="userSpaceOnUse" > <stop stop-color="#1B9DE2"></stop> <stop offset="0.16" stop-color="#1595DF"></stop> <stop offset="0.67" stop-color="#0680D7"></stop> <stop offset="1" stop-color="#0078D4"></stop> </linearGradient> <radialGradient id="paint3_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4866 35.5985) rotate(-81.3844) scale(23.5805 19.0507)" > <stop offset="0.76" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.5"></stop> <stop offset="1"></stop> </radialGradient> <radialGradient id="paint4_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.13191 10.6691) rotate(92.2906) scale(33.3079 70.939)" > <stop stop-color="#35C1F1"></stop> <stop offset="0.11" stop-color="#34C1ED"></stop> <stop offset="0.23" stop-color="#2FC2DF"></stop> <stop offset="0.31" stop-color="#2BC3D2"></stop> <stop offset="0.67" stop-color="#36C752"></stop> </radialGradient> <radialGradient id="paint5_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.3499 15.6061) rotate(73.7398) scale(16.0036 13.0141)" > <stop stop-color="#66EB6E"></stop> <stop offset="1" stop-color="#66EB6E" stop-opacity="0"></stop> </radialGradient> </defs> </svg> <p class="sr-only absolute">Add to Edge <span>- it's free</span></p></a > </div> <style> .user-rating-container { width: 100%; } .user-rating { display: flex; align-items: center; width: fit-content; margin: auto; margin-top: 8px; } .user-rating .user-count { margin-left: 4px; } .rating-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; height: 22px; } .rating-container .first-stars-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; display: flex; } .rating-container .first-stars-container .star { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; height: 22px; width: 22px; } .rating-container .first-stars-container .star svg { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; fill: grey; height: 22px; width: 22px; } .rating-container .second-stars-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; display: flex; overflow: hidden; position: relative; top: -22px; overflow: hidden; position: relative; top: -22px; } .rating-container .second-stars-container .star { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; height: 22px; width: 22px; } .rating-container .second-stars-container .star svg { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; fill: white; height: 22px; width: 22px; } </style> <div class="user-rating-container"> <div class="user-rating"> <div class="rating-container" aria-hidden="true"> <div class="first-stars-container"> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" style="margin-left: 2px;" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> <div class="second-stars-container"> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> </div> <span class="user-count">4.8 (100,000+ users)</span> </div> </div> <section class="w-full mt-24 flex justify-center"> <div class="relative wall-of-love max-w-screen w-full md:w-[520px] mb-8 border-l-2 border-l-gray-500/30" > <figure class="max-w-screen-md pl-2 md:pl-4"> <div class="flex items-center mb-1.5 space-x-1 rtl:space-x-reverse"> <!--[--><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><!--]--> </div> <blockquote class="p-0 m-0"> <p class="text-basic italic font-normal text-white" > "This functionality should be standard in any web browser. I can't believe that it's not rolled in with bookmarks already." </p> </blockquote> <figcaption class="p-0 flex items-center mt-2 space-x-3 rtl:space-x-reverse" > <img src="https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32" onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="Alaz Tetik - profile picture" referrerpolicy="no-referrer" loading="lazy" data-nuxt-img="" srcset=" https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32 1x, https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32 2x " class="rounded-full" /> <div class="flex items-center divide-x-2 rtl:divide-x-reverse divide-gray-700" > <cite class="pe-3 font-medium text-white" >Zach Gentner</cite > </div> </figcaption> </figure> </div> </section> </div> </footer> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script src="/blog/assets/built/casper.js?v=e559e15c15"></script> <script> $(document).ready(function () { // Mobile Menu Trigger $('.gh-burger').click(function () { $('body').toggleClass('gh-head-open'); }); // FitVids - Makes video embeds responsive $(".gh-content").fitVids(); }); </script> <script> document.querySelectorAll('.site-footer-nav li')?.forEach(entry => { entry.onclick = () => gtag('event', `blog_footer_${entry.classList[0]}`, {}); }); document.querySelectorAll('.gh-head-menu li')?.forEach(entry => { entry.onclick = () => gtag('event', `blog_header_${entry.classList[0]}`, {}); }); </script> </body> </html>