OK
https://brave.com/
Websites
Runtime: 1.1s
On November 20, 2024, 06:41 PM UTC, https://brave.com/ was accessible when tested on AS21928 in Puerto Rico.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
172.253.8.146
Query:
IN A brave.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
3.167.56.114
@
IN
A
3.167.56.108
@
IN
A
3.167.56.104
@
IN
A
3.167.56.82
TCP Connections
Connection to 3.167.56.114:443 succeeded.
Connection to 3.167.56.108:443 succeeded.
Connection to 3.167.56.104:443 succeeded.
Connection to 3.167.56.82:443 succeeded.
HTTP Requests
URL
GET https://brave.com/
Response Headers
Accept-Ranges:bytesAge:250Alt-Svc:h3=":443"; ma=86400Content-Length:138348Content-Security-Policy:connect-src 'self' https://search.brave.com https://newsletter.brave.com https://analytics.brave.com; default-src 'none'; media-src 'self'; font-src 'self'; frame-ancestors 'self' https://ads.brave.com https://ads.bravesoftware.com; frame-src 'self' https://blocksurvey.io https://contact.ads.brave.com https://html5-player.libsyn.com https://player.vimeo.com https://boards.greenhouse.io https://www.youtube-nocookie.com https://app.boostr.com/; img-src 'self' data: https://imgs.search.brave.com https://analytics.brave.com https://boards.greenhouse.io; script-src 'self' https://boards.greenhouse.io; style-src 'self' 'unsafe-inline'; object-src 'self'; manifest-src 'self'; upgrade-insecure-requests;Content-Type:text/htmlCross-Origin-Opener-Policy:same-originDate:Wed, 20 Nov 2024 18:37:02 GMTEtag:"eda32339f9b04b83721043cab075699a"Last-Modified:Tue, 12 Nov 2024 22:02:40 GMTOnion-Location:https://brave4u7jddbv7cyviptqjc7jusxh72uik7zt6adtckl5f4nwy2v72qd.onion/index.htmlReferrer-Policy:strict-origin-when-cross-originServer:AmazonS3Strict-Transport-Security:max-age=31536000; includeSubdomains; preloadVary:Accept-EncodingVia:1.1 ee577eca64c62b377915121bc88081d2.cloudfront.net (CloudFront)X-Amz-Cf-Id:OpGt77LuUp_s9kEgpe5jbhtan6ExlVbUb57YXU2dYAXJriP21JHDvw==X-Amz-Cf-Pop:IAD61-P5X-Amz-Server-Side-Encryption:AES256X-Amz-Version-Id:BP6qhSQQU1uQvK.lJvKmM.uazo_cTuCaX-Cache:Hit from cloudfrontX-Content-Type-Options:nosniffX-Frame-Options:SAMEORIGIN
Response Body
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta name="generator" content="Hugo 0.119.0">
<script src="/static-assets/js/ie-shims.js"></script>
<script id="localization-script" data-languages="{"ca":{"dismiss":"Omet","message":"Aquesta pàgina també està disponible en Català. Voldries canviar de llengua?","url":"/ca/","yes":"Sí"},"de":{"dismiss":"Schließen","message":"Diese Seite ist auch auf Deutsch verfügbar. Möchten Sie die Sprache wechseln?","url":"/de/","yes":"Ja"},"en":{"dismiss":"Dismiss","message":"This page is also available in English. Would you like to switch languages?","url":"/","yes":"Yes"},"en-in":{"dismiss":"Dismiss","message":"This page is also available in English (India). Would you like to switch languages?","url":"/en-in/","yes":"Yes"},"es":{"dismiss":"Descartar","message":"Esta página también está disponible en Español. ¿Te gustaría cambiar el idioma?","url":"/es/","yes":"Sí"},"fil":{"dismiss":"I-dismiss","message":"Available din ang page na ito sa Filipino. Gusto mo bang magpalit ng wika?","url":"/fil/","yes":"Oo"},"fr":{"dismiss":"Ignorer","message":"Cette page est également disponible en Français. Voulez-vous changer de langue ?","url":"/fr/","yes":"Oui"},"hi":{"dismiss":"खारिज करें","message":"इस पेज को हिन्दी में भी देखा जा सकता है. क्या आप पेज की भाषा बदलना चाहेंगे?","url":"/hi/","yes":"हां"},"id":{"dismiss":"Tutup","message":"Halaman ini tersedia dalam bahasa Indonesia. Apakah Anda ingin mengubah bahasanya?","url":"/id/","yes":"Ya"},"it":{"dismiss":"Ignora","message":"Questa pagina è disponibile anche in Italiano. Preferisci cambiare lingua?","url":"/it/","yes":"Sì"},"ja":{"dismiss":"いいえ","message":"このページは日本語でもご覧になれます。言語を変更しますか？","url":"/ja/","yes":"はい"},"ko":{"dismiss":"숨기기","message":"이 페이지는 한국어로도 이용할 수 있습니다. 언어를 전환하시겠습니까?","url":"/ko/","yes":"예"},"nl":{"dismiss":"Sluiten","message":"Deze pagina is ook beschikbaar in het Nederlands. Wilt u van taal wisselen?","url":"/nl/","yes":"Ja"},"pl":{"dismiss":"Zamknij","message":"Ta strona jest również dostępna w następującym języku: Polski. Czy chcesz zmienić wyświetlany język?","url":"/pl/","yes":"Tak"},"pt-br":{"dismiss":"Dispensar","message":"Esta página também está disponível em Português. Gostaria de mudar de idioma?","url":"/pt-br/","yes":"Sim"},"ro":{"dismiss":"Închide","message":"Această pagină este disponibilă și în Română. Vrei să schimbi limba?","url":"/ro/","yes":"Da"},"ru":{"dismiss":"Отклонить","message":"Язык этой страницы можно изменить на Русский. Хотите?","url":"/ru/","yes":"Да"},"tr":{"dismiss":"Dismiss","message":"Bu sayfa ayrıca Türkçe olarak da mevcut. Dili değiştirmek ister misiniz?","url":"/tr/","yes":"Evet"},"uk":{"dismiss":"Відхилити","message":"Ця сторінка також доступна Українська. Змінити мову?","url":"/uk/","yes":"Так"},"vi":{"dismiss":"Loại bỏ","message":"Trang này cũng có sẵn trong Tiếng Việt. Bạn có muốn chuyển đổi ngôn ngữ?","url":"/vi/","yes":"Có"},"zh":{"dismiss":"关闭","message":"本页面还有 中文 (中国) 版本。您想切换语言吗？","url":"/zh/","yes":"是"}}" src="/js/localization.min.js"></script>
<meta charset="UTF-8">
<meta name="description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software." />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-itunes-app" content="app-id=1052879175, affiliate-data=pt=117981002&ct=smartbanner"/>
<meta property="og:title" content="The browser that puts you first | Brave" />
<meta property="og:description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://brave.com/" />
<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="en-in" />
<meta property="og:locale:alternate" content="ja" />
<meta property="og:locale:alternate" content="zh" />
<meta property="og:locale:alternate" content="ko" />
<meta property="og:locale:alternate" content="de" />
<meta property="og:locale:alternate" content="fr" />
<meta property="og:locale:alternate" content="es" />
<meta property="og:locale:alternate" content="da" />
<meta property="og:locale:alternate" content="it" />
<meta property="og:locale:alternate" content="pt-br" />
<meta property="og:locale:alternate" content="sv" />
<meta property="og:locale:alternate" content="fil" />
<meta property="og:locale:alternate" content="hi" />
<meta property="og:locale:alternate" content="id" />
<meta property="og:locale:alternate" content="nl" />
<meta property="og:locale:alternate" content="pl" />
<meta property="og:locale:alternate" content="ru" />
<meta property="og:locale:alternate" content="vi" />
<meta property="og:locale:alternate" content="ca" />
<meta property="og:locale:alternate" content="ro" />
<meta property="og:locale:alternate" content="tr" />
<meta property="og:locale:alternate" content="uk" />
<meta name="og:image" content="https://brave.com/home-assets/images/brave-home-og.png"/>
<meta property="og:updated_time" content="2025-11-02T00:00:00+00:00" /><meta property="og:site_name" content="Brave" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://brave.com/home-assets/images/brave-home-og.png"/>
<meta name="twitter:title" content="The browser that puts you first | Brave"/>
<meta name="twitter:description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software."/>
<meta name="twitter:site" content="@brave"/>
<meta name="twitter:creator" content="@brave"/>
<meta itemprop="name" content="The browser that puts you first | Brave">
<meta itemprop="description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software."><meta id="js-params" name="js-params" content="{"downloadBetaForAndroid":"Get Beta for Android","downloadBetaForIOs":"Get Beta for iOS","downloadBetaForLinux":"Get Beta for Linux","downloadBetaForMacOs":"Get Beta for macOS","downloadBetaForWindows":"Get Beta for Windows","downloadBraveForAndroid":"Get Brave for Android","downloadBraveForIOs":"Get Brave for iOS","downloadBraveForLinux":"Get Brave for Linux","downloadBraveForMacOs":"Get Brave for macOS","downloadBraveForWindows":"Get Brave for Windows","downloadDevForMacOs":"Download Dev for macOS","downloadDevForWindows":"Download Dev for Windows","downloadNightlyForAndroid":"Get Nightly for Android","downloadNightlyForLinux":"Get Nightly for Linux","downloadNightlyForMacOs":"Get Nightly for macOS","downloadNightlyForWindows":"Get Nightly for Windows","downloadUrlBase":"https://laptop-updates.brave.com","notAvailableForAndroid":"Not Available for Android","notAvailableForIOs":"Not Available for iOS","notAvailableForLinux":"Not Available for Linux","notAvailableForMacOs":"Not Available for macOS","notAvailableForWindows":"Not Available for Windows"}">
<title>The browser that puts you first | Brave</title>
<link rel="canonical" href="https://brave.com/">
<link rel="alternate" href="https://brave.com/" hreflang="en" />
<link rel="alternate" href="https://brave.com/en-in/" hreflang="en-in" />
<link rel="alternate" href="https://brave.com/ja/" hreflang="ja" />
<link rel="alternate" href="https://brave.com/zh/" hreflang="zh" />
<link rel="alternate" href="https://brave.com/ko/" hreflang="ko" />
<link rel="alternate" href="https://brave.com/de/" hreflang="de" />
<link rel="alternate" href="https://brave.com/fr/" hreflang="fr" />
<link rel="alternate" href="https://brave.com/es/" hreflang="es" />
<link rel="alternate" href="https://brave.com/da/" hreflang="da" />
<link rel="alternate" href="https://brave.com/it/" hreflang="it" />
<link rel="alternate" href="https://brave.com/pt-br/" hreflang="pt-br" />
<link rel="alternate" href="https://brave.com/sv/" hreflang="sv" />
<link rel="alternate" href="https://brave.com/fil/" hreflang="tl" />
<link rel="alternate" href="https://brave.com/hi/" hreflang="hi" />
<link rel="alternate" href="https://brave.com/id/" hreflang="id" />
<link rel="alternate" href="https://brave.com/nl/" hreflang="nl" />
<link rel="alternate" href="https://brave.com/pl/" hreflang="pl" />
<link rel="alternate" href="https://brave.com/ru/" hreflang="ru" />
<link rel="alternate" href="https://brave.com/vi/" hreflang="vi" />
<link rel="alternate" href="https://brave.com/ca/" hreflang="ca" />
<link rel="alternate" href="https://brave.com/ro/" hreflang="ro" />
<link rel="alternate" href="https://brave.com/tr/" hreflang="tr" />
<link rel="alternate" href="https://brave.com/uk/" hreflang="uk" />
<link rel="alternate" href="https://brave.com/" hreflang="x-default" />
<link rel="alternate" type="application/rss+xml" href="https://brave.com/index.xml" title="Brave" />
<link rel="icon" type="image/svg+xml" href='https://brave.com/static-assets/images/brave-favicon.svg' />
<link rel="icon" type="image/png"href='https://brave.com/static-assets/images/cropped-brave_appicon_release-32x32.png' sizes="32x32" />
<link rel="icon" type="image/png" href='https://brave.com/static-assets/images/cropped-brave_appicon_release-192x192.png' sizes="192x192" />
<link rel="apple-touch-icon" href='https://brave.com/static-assets/images/cropped-brave_appicon_release-180x180.png' />
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Brave Software",
"url": "https://brave.com/",
"description": "Brave, the browser that puts you first. The Brave browser is a fast, private and secure web browser for PC, Mac and mobile.",
"publisher": {
"@type": "Organization",
"name": "Brave Software Inc",
"logo": {
"@type": "ImageObject",
"url": "https://brave.com/static-assets/images/brave-logo-dark.svg"
}
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://search.brave.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"inLanguage": "en-US",
"copyrightYear": "2015 - 2024",
"creator": {
"@type": "Organization",
"name": "Brave Software Inc"
},
"image": "https://brave.com/static-assets/images/brave-logo-dark.svg",
"sameAs": [
"https://twitter.com/brave",
"https://www.facebook.com/BraveSoftware/",
"https://www.youtube.com/bravesoftware",
"https://www.reddit.com/r/brave_browser/",
"https://en.wikipedia.org/wiki/Brave_(web_browser)",
"https://en.wikipedia.org/wiki/Brave_Search",
"https://github.com/brave/",
"https://www.linkedin.com/company/brave-software"
]
}</script>
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Brave Browser - Official Site",
"url": "https://brave.com/",
"description": "Brave, the browser that puts you first. The Brave browser is a fast, private, and secure web browser for PC, Mac, and mobile.",
"publisher": {
"@type": "Organization",
"name": "Brave Software Inc",
"logo": {
"@type": "ImageObject",
"url": "https://brave.com/static-assets/images/brave-logo-dark.svg"
}
},
"isPartOf": {
"@type": "WebSite",
"name": "Brave Software",
"url": "https://brave.com/"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://brave.com/static-assets/images/brave-logo-dark.svg"
},
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://brave.com/"
}
]
},
"dateModified": "2024-05-07T00:00:00+00:00",
"inLanguage": "en-US",
"copyrightYear": "2015 - 2024",
"creator": {
"@type": "Organization",
"name": "Brave Software Inc"
},
"mainEntityOfPage": "True",
"about": {
"@type": "SoftwareApplication",
"name": "Brave Browser",
"applicationCategory": "Web browser",
"operatingSystem": "Windows, MacOS, Linux, Android, iOS"
}
}</script>
<link href="/static-assets/css/main.min.css" rel="stylesheet" />
<link href="/static-assets/css/fonts-latin.css" rel="stylesheet" />
<noscript><link href="/static-assets/css/noscript.min.css" rel="stylesheet" />
</noscript>
<script src="/js/set-platform.min.js"></script>
<style>
:root {
--footnotes: "Footnotes";
}
</style>
<script data-is-404="false" data-matomo-id="2" src="/static-assets/js/analysis.js"></script>
<link rel="preconnect" href="https://analytics.brave.com">
<script type="text/javascript" src="/matomo.js"></script>
<noscript style="position:absolute;bottom:0"><img src="https://analytics.brave.com/piwik.php?idsite=2&rec=1" style="border:0;" alt=""></noscript>
</head>
<body class="home-page is-home bg-page-background ">
<div id="root">
<div class="site-header-wrapper absolute top-0 z-40 w-full lg:fixed">
<div
id="ls-banner"
class="hidden overflow-hidden bg-[#0d0f14] text-[#DBDEE2]"
data-theme="dark"
>
<div
class="mx-auto flex flex-col items-center justify-center gap-x-6 gap-y-4 py-3 pl-6 pr-4 sm:flex-row lg:max-w-7xl"
>
<p id="ls-message" class="p-0 text-[1.25rem] sm:text-[1rem] leading-[1.6]"></p>
<div
class="grid w-[min(100%,250px)] grid-cols-2 gap-x-3"
>
<a id="ls-url" href="#" class="leoButton isMedium isFilled text-center" data-track-event data-event-category="Research" data-event-action="Language suggestion banner" data-event-name="(Language suggestion banner): Yes" data-theme="light">
Yes
</a>
<button id="ls-dismiss" class="leoButton isMedium isPlain" data-track-event data-event-category="Research" data-event-action="Language suggestion banner" data-event-name="(Language suggestion banner): Dismiss">
Dismiss
</button>
</div>
</div>
</div>
<header
class="site-header site-header layout ease-out grid-rows-[var(--site-header-height)_var(--sub-header-height)] overflow-visible font-medium text-text-primary transition-all duration-300"
>
<div class="relative flex w-full items-center justify-between">
<a href="https://brave.com/">
<img
src="/static-assets/images/brave-logo-sans-text.svg"
alt="Brave Software home"
class="h-10"
/>
</a>
<input type="checkbox" id="nav-control" class="nav-control hidden" />
<label for="nav-control" class="toggle-button z-50 lg:hidden">
<div data-theme="light"
class="nojs-toggle leoButton block isSmall isFilled !px-[16px] !py-[14px]"
>
<div class="nav-icon"></div>
</div>
</label>
<nav
class="site-nav z-40 hidden w-full shadow-[0_8px_40px_0_rgba(0,0,0,0.35)] max-lg:mr-0 max-lg:mt-6 max-lg:rounded-xl max-lg:px-8 lg:contents border-[0.5px] border-divider-strong"
>
<ul
class="block list-none items-center justify-start gap-4 p-0 pt-6 lg:ml-8 lg:flex lg:pt-2"
>
<li
class="border-t border-divider-strong border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
>
<span
class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-neutral-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-neutral-30 dark:text-neutral-50 dark:hover:!text-neutral-50 before:!content-none"
tabindex="0"
aria-haspopup="true"
aria-expanded="false"
aria-controls="dropdown-browser"
>
Browser
<span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<span
class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
id="dropdown-browser" data-theme="light"
>
<ul class="list-none p-0 lg:flex gap-10">
<li>
<span class="hidden lg:block flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-neutral-30">Downloads
</span>
<ul class=" list-none p-0"><li>
<a href="/download/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Desktop
<span
class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
></span>
</a>
</li>
<li>
<a href="/android/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Android
<span
class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
></span>
</a>
</li>
<li>
<a href="/ios/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
iOS
<span
class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
></span>
</a>
</li>
</ul>
</li>
<li>
<span class="font-semibold leoButton isPlainFaint isTiny nav-dropdown relative w-full max-lg:!p-0 max-lg:!leading-6 items-center justify-between lg:pb-1 !text-neutral-70 lg:hover:!text-neutral-30 lg:cursor-text lg:!leading-5 lg:!pl-0 before:!bg-white flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-neutral-30">Features
<span class="lg:hidden transition-transform duration-500 [--icon-size:20px] icon [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<ul class="lg:col-count-2 lg:columns-2 gap-x-0 list-none p-0"><li>
<a href="/shields/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Shields
</a>
</li>
<li>
<a href="/firewall-vpn/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
VPN
</a>
</li>
<li>
<a href="/leo/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Leo AI
</a>
</li>
<li>
<a href="/wallet/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Wallet
</a>
</li>
<li>
<a href="/brave-rewards/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Rewards
</a>
</li>
<li>
<a href="/playlist/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Playlist
</a>
</li>
<li>
<a href="/brave-news/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
News
</a>
</li>
<li>
<a href="/talk/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Talk
</a>
</li>
<li>
<a href="/privacy-features/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Advanced privacy
</a>
</li>
<li>
<a href="/features/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
All features
</a>
</li>
</ul>
</li>
</ul>
</span>
</li>
<li
class="border-t border-divider-strong border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
>
<span
class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-neutral-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-neutral-30 dark:text-neutral-50 dark:hover:!text-neutral-50 before:!content-none"
tabindex="0"
aria-haspopup="true"
aria-expanded="false"
aria-controls="dropdown-bravesearch"
>
Brave Search
<span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<span
class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
id="dropdown-bravesearch" data-theme="light"
>
<ul class="list-none p-0 ">
<li>
<ul class=" list-none p-0"><li>
<a href="https://search.brave.com"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Try Brave Search
</a>
</li>
<li>
<a href="/search/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
About Brave Search
</a>
</li>
<li>
<a href="https://support.brave.com/hc/en-us/articles/4409406835469-What-is-the-Web-Discovery-Project-"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Web Discovery Project
</a>
</li>
</ul>
</li>
</ul>
</span>
</li>
<li
class="border-t border-divider-strong border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
>
<span
class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-neutral-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-neutral-30 dark:text-neutral-50 dark:hover:!text-neutral-50 before:!content-none"
tabindex="0"
aria-haspopup="true"
aria-expanded="false"
aria-controls="dropdown-whybrave"
>
Why Brave
<span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<span
class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
id="dropdown-whybrave" data-theme="light"
>
<ul class="list-none p-0 lg:flex gap-10">
<li>
<ul class=" list-none p-0"><li>
<a href="/learn/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Browser & search guides
</a>
<p
class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
>
Privacy, extensions, and the best option for every platform.
</p>
</li>
<li>
<a href="/web3/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Web3 guides
</a>
<p
class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
>
Crypto, NFTs, and all things blockchain. Learn the basics of Web3.
</p>
</li>
<li>
<a href="/glossary/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Privacy glossary
</a>
<p
class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
>
Short, plain-language intros to common Internet and computer terms.
</p>
</li>
<li>
<a href="/compare/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Compare
</a>
<p
class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
>
See how Brave stacks up against other browsers and search engines.
</p>
</li>
<li>
<a href="/ai/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
AI guides
</a>
<p
class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
>
LLMs, machine learning, and the foundations of AI, for both users and devs.
</p>
</li>
</ul>
</li>
<li class="border-t border-divider-strong lg:border-0 mt-2 lg:mt-0">
<span class="uppercase text-neutral-30 text-[8px] font-bold tracking-tighter flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-neutral-30">Blogs
</span>
<ul class=" list-none p-0"><li>
<a href="/blog/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Brave blog
</a>
</li>
<li>
<a href="/privacy-updates/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Privacy updates
</a>
</li>
<li>
<a href="/web-standards-at-brave/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Web standards
</a>
</li>
<li>
<a href="/research/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Research
</a>
</li>
<li>
<a href="/podcast/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Brave podcast
</a>
</li>
</ul>
</li>
</ul>
</span>
</li>
<li
class="border-t border-divider-strong border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
>
<span
class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-neutral-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-neutral-30 dark:text-neutral-50 dark:hover:!text-neutral-50 before:!content-none"
tabindex="0"
aria-haspopup="true"
aria-expanded="false"
aria-controls="dropdown-searchapi"
>
Search API
<span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<span
class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
id="dropdown-searchapi" data-theme="light"
>
<ul class="list-none p-0 ">
<li>
<ul class=" list-none p-0"><li>
<a href="/search/api/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
data-track-event data-event-category="Nav Menu CTAs" data-event-action="Search API pricing link click" data-event-name="Search API pricing link">
Pricing
</a>
</li>
<li>
<a href="https://api.search.brave.com/app/documentation/web-search/get-started"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
data-track-event data-event-category="Nav Menu CTAs" data-event-action="Search API docs link click" data-event-name="Search API docs link">
Docs
</a>
</li>
<li>
<a href="https://api.search.brave.com/login"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
data-track-event data-event-category="Nav Menu CTAs" data-event-action="Search API login/signup link click" data-event-name="Search API login/signup link">
Login / Sign-up
</a>
</li>
</ul>
</li>
</ul>
</span>
</li>
<li
class="border-t border-divider-strong border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
>
<span
class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-neutral-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-neutral-30 dark:text-neutral-50 dark:hover:!text-neutral-50 before:!content-none"
tabindex="0"
aria-haspopup="true"
aria-expanded="false"
aria-controls="dropdown-privateadvertising"
>
Advertise
<span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
</span>
<span
class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
id="dropdown-privateadvertising" data-theme="light"
>
<ul class="list-none p-0 lg:flex gap-5">
<li>
<ul class=" list-none p-0"><li>
<a href="/brave-ads/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Overview
</a>
</li>
<li>
<a href="https://ads.brave.com"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Ads Manager
</a>
</li>
<li>
<a href="/brave-ads/audience/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Audience
</a>
</li>
<li>
<a href="/brave-ads/casestudies/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Case studies
</a>
</li>
<li>
<a href="https://ads-help.brave.com/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Help center
</a>
</li>
<li>
<a href="/brave-ads/learn/"
class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-neutral-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
>
Why Brave Ads?
</a>
</li>
</ul>
</li>
<div class="lg:border-l lg:-my-4 lg:pt-4 border-divider-strong">
<span class="hidden lg:block pl-6 uppercase text-[8px] text-neutral-30 font-bold tracking-tighter pb-1 pt-2 lg:pt-1">Brave ads formats</span>
<div class="hidden lg:block pl-6 table-of-contents">
<ul>
<li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-neutral-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#search-ads'>Search ads</a></li>
<li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-neutral-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#new-tab-takeovers'>New tab takeovers</a></li>
<li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-neutral-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#newsfeed-ads'>Newsfeed ads</a></li>
<li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-neutral-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#notification-ads'>Notification ads</a></li>
</ul>
</div>
<div class="hidden lg:block border-t border-divider-strong -mr-6 mt-4 py-[0.5rem] pb-[0.7rem] text-center">
<a href='/brave-ads/resources/' class="no-underline font-semibold !text-neutral-70 hover:!text-text-interactive text-[12px]">More ads resources</a>
</div>
</div>
</ul>
</span>
</li>
</ul>
<div
class="lg:flex-no-wrap button-block sticky bottom-0 flex flex-grow flex-wrap items-center justify-end gap-3 pb-6 pt-3 before:absolute before:left-0 before:right-0 before:block max-lg:bg-white lg:relative lg:bg-[transparent] lg:p-0 lg:before:hidden"
>
<a id="top-nav-download-button-desktop" data-show-platform="false" class="download leoButton isFilled isSmall flex items-center [--icon-size:18px!important] justify-center max-lg:w-full invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
<a
id="top-nav-try-search-button"
class="leoButton isSmall w-full max-w-full text-center font-semibold capitalize leading-none max-lg:w-full lg:w-fit isOutline max-lg:![--border-color-hover:#1C1E26] ![--border-color-hover:var(--leo-color-text-primary)] max-lg:![--border-color:#1C1E26] ![--border-color:var(--leo-color-text-primary)] !text-[#1C1E26] lg:!text-text-primary"
href="https://search.brave.com"
target="_blank"
><span class="content">Search the Web</span><span class="icon [--icon-size:18px] [--icon-url:url('/leo-icons/search.svg')] bg-[#1C1E26] lg:bg-[var(--leo-color-text-primary)] dark:lg:text-text-primary"></span></a
>
</div>
</nav>
</div>
</header>
</div>
<main class="site-main layout">
<div class="relative full-bleed overflow-x-clip z-0">
<img src="/home-assets/images/brave-logo-translucent.svg" class="absolute top-48 md:top-[22rem] lg:top-64 left-1/2 w-[105%] max-w-[1800px] -translate-x-1/2" aria-hidden="true" />
</div>
<section class="hero z-10">
<header class="grid xl:max-w-full 2xl:max-w-[850px] mt-4 md:-mt-2 2xl:mt-0 z-10">
<h1 class="text-display-mobile-hero md:text-display-tablet-hero 2xl:text-display-desktop-hero mb-6 2xl:mb-10">
The browser that puts you first
</h1>
<p class="lg:mb-6 text-mobile-h4 md:text-h5 2xl:text-h4 mb-4 lg:pr-12 2xl:max-w-[820px]">
Block ads. Save data. And get way faster webpages. Just by switching your browser.
</p>
<a id="home-download-button-hero" data-show-platform="false" class="download btn btn--large btn--hero leoButton isHero isJumbo block font-medium flex w-fit invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
</header>
</section>
<section class="flex flex-wrap gap-10 min-[1280px]:flex-nowrap justify-between w-full z-10 mt-10 sm:mt-[3.5rem] md:mt-10 2xl:mt-20" id="features-blocks">
<div class="card card__contents w-full min-[1280px]:w-[400px] [--card-padding:1.8rem] [--card-contents-border-width:2px] relative min-h-[290px]">
<h4 class="text-h2 sm:text-h4">Private search</h4>
<script type="module" src="/home-assets/js/brave-search-widget.js"></script>
<brave-search-matomo
submitEventCategory="Homepage CTA"
submitEventAction="Try Search widget query"
submitEventName="Brave Search interactive widget"
llmEventCategory="Homepage CTA"
llmEventAction="Try Search widget query (LLM)"
llmEventName="Brave Search interactive widget"
suggestEndpoint="https://search.brave.com/api/suggest"
stylesheets="["/vendors/brave-search-widget/style.css","/home-assets/css/brave-search-widget-customizations.css"]"
searchPage="https://search.brave.com/search"
uiLangOverride="en"
source="brave.com"
openSerpInNewPage="true"
i18n="{"placeholder":"Search the web privately","summarizerFeatureName":"Answer with AI","title":"Search"}"
class="my-4 block ml-8 w-full min-[885px]:ml-0 light">
<form action="https://search.brave.com/search?source=brave.com" method="GET" target="_blank" class="my-4 block w-full ml-0 relative" autocomplete="off">
<input type="hidden" name="source" value="brave.com" />
<input required type="text" name="q" placeholder="Search the web privately" class="w-full py-3 px-6 text-[0.875rem] leading-normal rounded-xl drop-shadow-02">
<button type="submit" aria-label="Search" class="absolute top-1/2 right-0 -mt-[12px] pr-4" data-track-event data-event-category="Homepage CTA" data-event-action="Try Search widget query" data-event-name="Brave Search widget (static)"><div class="icon [--icon-size:24px] [--icon-url:url('/leo-icons/search.svg')] bg-icons-active"></div></button>
</form>
</brave-search-matomo>
<p class="mb-16 text-desktop-default">Better results, less SEO spam, and zero profiling.</p>
<img
class="absolute bottom-0 left-0 w-full max-h-[140px]"
src="/home-assets/images/line-waves.svg"
alt=""/>
</div>
<a href="/leo/" class="card card__contents no-underline w-full min-[1280px]:w-[400px] bg-systemfeedback-info-background [--card-padding:1.8rem] [--card-contents-border-width:2px] relative overflow-hidden min-h-[458px] md:min-h-[224px] min-[1280px]:min-h-[368px] flex flex-col justify-start" data-track-event data-event-category="Homepage CTA" data-event-action="Leo AI widget link click" data-event-name="Leo AI link widget">
<h4 class="text-h2 sm:text-h4 pb-2">Built-in AI assistant</h4>
<p class="text-desktop-default md:max-w-[320px] min-[1280px]:max-w-none">Get answers, generate content, & more. Right in the browser.</p><img
class="absolute right-0 bottom-0 z-0"
src="/home-assets/images/leo-illustration.svg"
alt=""/><div class="leoButton isOutline isMedium max-w-max mt-5 min-[1280px]:mt-auto z-10">Leo AI</div>
</a>
<a href="/firewall-vpn/" class="card card__contents no-underline w-full min-[1280px]:w-[400px] bg-[#FFE1D4] [--card-padding:1.8rem] [--card-contents-border-width:2px] relative overflow-hidden min-h-[447px] md:min-h-[242px] flex flex-col justify-start" data-track-event data-event-category="Homepage CTA" data-event-action="VPN widget link click" data-event-name="VPN link widget">
<h4 class="text-h2 sm:text-h4 pb-2">Powerful VPN</h4>
<p class="text-desktop-default md:max-w-[320px] min-[1280px]:max-w-none">Protect every app, on your entire device.</p><img
class="absolute right-0 xl:-right-6 2xl:right-0 bottom-0 -z-0"
src="/home-assets/images/vpn-illustration.svg"
alt=""/><div class="leoButton isOutline isMedium max-w-max mt-5 min-[1280px]:mt-auto z-10">Firewall + VPN</div>
</a>
</section>
<section class="mt-10 sm:mt-[3.5rem] lg:mt-20" data-tab-group data-accordion-group id="user-first-web">
<h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">What does a user-first Web look like?</h2>
<p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] pr-4 lg:pr-0 mb-6 lg:mb-10">Better privacy. Faster webpages. Easier navigation. And experiences that put people over tech company profit.</p>
<div class="flex gap-[42px]">
<div class="min-[1280px]:w-5/12">
<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-neutral-10 hover:bg-primitive-blurple-35 open:hover:bg-neutral-10 focus-within:bg-primitive-blurple-35 w-full overflow-hidden" open data-tab-button-selected data-tab-button data-theme="dark" data-single-open for="the-web-without-the-annoyances">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
<span class="text-[30px] leading-[40px]">The Web, <em>without</em> the annoyances</span>
<span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100 rotate-90 group-open:rotate-0"></span>
</span>
</summary>
<div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
<p>Brave blocks third-party ads on every website. That’s video ads, search ads, social media ads, and more.</p>
<p>And those annoying “Accept cookies?” pop-ups? Yeah, we block those too.</p>
</div>
</details>
<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-neutral-10 hover:bg-primitive-blurple-35 open:hover:bg-neutral-10 focus-within:bg-primitive-blurple-35 w-full overflow-hidden" data-tab-button data-theme="dark" data-single-open for="save-data-save-battery-save-time">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
<span class="text-[30px] leading-[40px]">Save data, save battery, save time</span>
<span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100 rotate-90 group-open:rotate-0"></span>
</span>
</summary>
<div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
<p>Without that unwanted junk, you save Wi-Fi bandwidth and mobile data, battery life and CPU. And websites load 3x-6x faster. Less waiting = more time back in your day.</p>
</div>
</details>
<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-neutral-10 hover:bg-primitive-blurple-35 open:hover:bg-neutral-10 focus-within:bg-primitive-blurple-35 w-full overflow-hidden" data-tab-button data-theme="dark" data-single-open for="unparalleled-privacy">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
<span class="text-[30px] leading-[40px]">Unparalleled privacy</span>
<span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100 rotate-90 group-open:rotate-0"></span>
</span>
</summary>
<div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
<p>Shields against tracking and fingerprinting. A premium VPN that can encrypt every connection no matter where you are. On-by-default <a href="/web-standards-at-brave/4-global-privacy-control/">Global Privacy Control</a> to stop websites from selling and sharing your data.</p>
<p>All this (and more) in one ridiculously easy package.</p>
</div>
</details>
<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-neutral-10 hover:bg-primitive-blurple-35 open:hover:bg-neutral-10 focus-within:bg-primitive-blurple-35 w-full overflow-hidden" data-tab-button data-theme="dark" data-single-open for="built-in-security-on-by-default">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
<span class="text-[30px] leading-[40px]">Built-in security, on by default</span>
<span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100 rotate-90 group-open:rotate-0"></span>
</span>
</summary>
<div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
<p>Brave works right out of the box. No dials to turn, no extensions, no PhD required.</p>
</div>
</details>
<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-neutral-10 hover:bg-primitive-blurple-35 open:hover:bg-neutral-10 focus-within:bg-primitive-blurple-35 w-full overflow-hidden" data-tab-button data-theme="dark" data-single-open for="switching-is-easy">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
<span class="text-[30px] leading-[40px]">Switching is easy</span>
<span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
<span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100 rotate-90 group-open:rotate-0"></span>
</span>
</summary>
<div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
<p>A faster, more private, less annoying Web is only 60 seconds away.</p>
<p>Just download Brave, import favorites from your old browser, and… You’re done!</p>
</div>
</details>
</div>
<div class="hidden min-[1280px]:grid w-7/12 card card__contents p-0 overflow-hidden grid-cols-1 grid-rows-1 animation-container h-fit">
<script type="module" src="/js/lottie-player.js"></script>
<lottie-player src="/home-assets/lottie/web-without-annoyances.json" data-tab-section id="the-web-without-the-annoyances" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2"></lottie-player>
<lottie-player src="/home-assets/lottie/brave-saves-battery.json" data-tab-section id="save-data-save-battery-save-time" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2"></lottie-player>
<lottie-player src="/home-assets/lottie/unparalleled-privacy.json" data-tab-section id="unparalleled-privacy" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2"></lottie-player>
<lottie-player src="/home-assets/lottie/built-in-security.json" data-tab-section id="built-in-security-on-by-default" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2"></lottie-player>
<lottie-player src="/home-assets/lottie/switching-is-easy.json" data-tab-section id="switching-is-easy" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2"></lottie-player>
</div>
</div>
</section>
<section class="mt-10 sm:mt-[3.5rem] lg:mt-20" data-tab-group>
<h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">A Web with fewer ads</h2>
<p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px]">Check out some popular sites in Brave vs. other browsers. See the difference?</p>
<p class="font-semibold py-4 lg:py-6 mb-2">Grab the slider to see the difference between Brave and other browsers</p><div class="flex gap-2 mb-8 flex-wrap">
<button data-tab-button data-tab-button-selected class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-chrome">
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
<span class="content block md:hidden">vs</span>
<span class="content hidden md:block">Brave vs Chrome</span>
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"></div>
</button>
<button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-edge">
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
<span class="content block md:hidden">vs</span>
<span class="content hidden md:block">Brave vs Edge</span>
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/edge-color.svg')]"></div>
</button>
<button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-firefox">
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
<span class="content block md:hidden">vs</span>
<span class="content hidden md:block">Brave vs Firefox</span>
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/firefox-color.svg')]"></div>
</button>
<button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-safari">
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
<span class="content block md:hidden">vs</span>
<span class="content hidden md:block">Brave vs Safari</span>
<div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/safari-color.svg')]"></div>
</button>
</div>
<div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-chrome">
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="chrome"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-chrome-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-chrome-dailymail.png"
alt="chrome"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="chrome"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-chrome-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-chrome-allrecipes.jpg"
alt="chrome"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
</div>
<div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-edge">
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="edge"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/edge-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-edge-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-edge-dailymail.png"
alt="edge"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="edge"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/edge-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-edge-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-edge-allrecipes.jpg"
alt="edge"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
</div>
<div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-firefox">
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="firefox"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/firefox-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-firefox-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-firefox-dailymail.png"
alt="firefox"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="firefox"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/firefox-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-firefox-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-firefox-allrecipes.jpg"
alt="firefox"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
</div>
<div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-safari">
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="safari"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/safari-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/desktop-safari-dailymail.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/desktop-safari-dailymail.png"
alt="safari"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
<div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
<div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 left-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="brave"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
alt="brave"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
<div class="absolute h-full w-1/2 right-0">
<div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
<div
title="safari"
class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/safari-color.svg')]"
></div>
</div>
</div>
<picture class="w-full max-w-maxcontent">
<source srcset="/static-assets/images/optimized/home-assets/images/mobile-safari-allrecipes.webp" type="image/webp" />
<img
src="/static-assets/images/optimized/home-assets/images/mobile-safari-allrecipes.jpg"
alt="safari"
class="w-full"loading="lazy"/>
</picture>
</div>
<div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
<input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
<div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center" data-theme="light">
<div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
</div>
</div>
</div>
</div>
</section>
<div class="mt-10 sm:mt-[3.5rem] lg:mt-20">
<h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4 max-w-[1020px]">Winning on privacy, performance, and features</h2>
<p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] mb-8">See how Brave stacks up against other browsers with these in-depth comparisons.</p>
</div>
<script type="module" src="/js/card-carousel.js"></script>
<section class="full-bleed overflow-hidden">
<div class="layout overflow-x-auto" is="card-carousel">
<div class="grid grid-flow-col gap-6 w-max pr-[--layout-gutter]" data-card-carousel-items-container>
<div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:852px_544px] bg-[position:60%_70%] flex flex-wrap" data-card-carousel-item>
<div>
<div class="flex gap-[0.65rem] lg:gap-3">
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
</div>
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="Chrome" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"></div>
</div>
</div>
<h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Chrome</h4>
<p>When it comes to privacy and performance, Chrome lags far behind Brave.</p>
</div>
<a href="/compare/chrome-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Chrome compares</a>
</div>
<div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:1400px_1593px] bg-[position:50%_100%] flex flex-wrap" data-card-carousel-item>
<div>
<div class="flex gap-[0.65rem] lg:gap-3">
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
</div>
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="Edge" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/edge-color.svg')]"></div>
</div>
</div>
<h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Edge</h4>
<p>Microsoft’s successor to Explorer is slow, riddled with ads, and a privacy nightmare.</p>
</div>
<a href="/compare/edge-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Edge compares</a>
</div>
<div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:735px_645px] bg-[position:60%_20%] flex flex-wrap" data-card-carousel-item>
<div>
<div class="flex gap-[0.65rem] lg:gap-3">
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
</div>
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="Firefox" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/firefox-color.svg')]"></div>
</div>
</div>
<h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Firefox</h4>
<p>Once widely used, Firefox has slipped to the middle of the pack as a Big Tech alternative.</p>
</div>
<a href="/compare/firefox-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Firefox compares</a>
</div>
<div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:1366px_1199px] bg-[position:40%_70%] flex flex-wrap" data-card-carousel-item>
<div>
<div class="flex gap-[0.65rem] lg:gap-3">
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
</div>
<div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
<div title="Safari" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/safari-color.svg')]"></div>
</div>
</div>
<h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Safari</h4>
<p>Despite Apple's best efforts, Safari can't match Brave's privacy.</p>
</div>
<a href="/compare/safari-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Safari compares</a>
</div>
</div>
<template id="controls">
<div class="layout mobile:hidden">
<div class="controls-container flex justify-between">
<button class="leoButton isPlain isLarge [--leo-button-padding:0]" data-direction="backward">
<span class="icon [--icon-url:url(/leo-icons/arrow-left.svg)]"></span>
<span class="content">View comparisons</span>
</button>
<button class="leoButton isPlain isLarge [--leo-button-padding:0]" data-direction="forward">
<span class="content">View more comparisons</span>
<span class="icon [--icon-url:url(/leo-icons/arrow-right.svg)]"></span>
</button>
</div>
</div>
</template>
</div>
</section>
<section class="full-bleed layout text-text-primary bg-black mt-10 sm:mt-[3.5rem] lg:mt-20 overflow-x-clip pt-10 sm:pt-12 min-[1280px]:pt-0" data-theme="dark">
<div class="flex flex-col min-[1280px]:flex-row overflow-y-clip">
<div class="min-[1280px]:flex-1 self-center">
<h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">The browser that saves your time, not your personal info</h2>
<p class="text-mobile-h4 md:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] pt-2 pb-4 md:pb-8 lg:py-6">Download Brave for Android, iOS, Linux, macOS, or Windows</p>
<a id="home-download-button-lower" data-show-platform="false" class="download btn btn--large btn--hero leoButton isHero isJumbo block font-medium flex w-fit invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
</div><img
class="-mb-24 -mt-4 ml-24 sm:-mb-[7.5rem] md:-mb-36 md:-mt-[5rem] lg:-mb-[13rem] lg:-mt-12 min-[1280px]:-mr-64 min-[1280px]:flex-1 min-[1280px]:mb-0 min-[1280px]:mt-10"
src="/home-assets/images/app-illustration.svg"
alt="App Illustration"/></div>
</section>
<section class="card card__contents mt-8 md:rounded-none md:border-0 md:mt-0 md:full-bleed layout text-text-primary bg-primitive-blurple-35 px-4 py-8 lg:py-10" data-theme="dark">
<div class="flex flex-col lg:flex-row gap-4 md:gap-8 md:items-center md:justify-center">
<p class="text-mobile-h2 lg:text-desktop-h4">Let Brave power your business:</p>
<div class="flex flex-row flex-wrap md:flex-nowrap gap-4">
<a href="/brave-ads/" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Brave Ads link click" data-event-name="Brave Ads shortcut">Brave Ads</a>
<a href="/search/api/" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Search API link click" data-event-name="Search API shortcut">Search API</a>
<a href="https://support.brave.com/hc/en-us/articles/360039248271-Group-Policy" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Browser group installs link click" data-event-name="Browser group installs shortcut">Browser group installs</a>
</div>
</div>
</section>
<section id="faq" class="my-10 lg:my-20">
<h2 class="pb-6 text-h2 sm:text-h3">FAQs</h2>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Is the Brave Browser safe?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Brave is one of the safest browsers on the market today. It blocks privacy-invasive ads & trackers. It blocks third-party data storage. It protects from browser fingerprinting. It upgrades every webpage possible to secure https connections. And it does all this by default.</p>
<p>It’s also built off the open-source Chromium Web core, which powers browsers used by billions of people worldwide. This source code is arguably vetted by more security researchers than any other browser. In short, not only is Brave safe to use, it’s much safer than almost any other browser. <a href="/privacy-features/">Learn more</a>.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
How do I download & install Brave?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Brave is available on nearly all desktop computers (Windows, macOS, Linux) and nearly every mobile device (Android and iOS). To get started, simply download the Brave browser <a href="/download/">for desktop</a>, <a href="https://play.google.com/store/apps/details?id=com.brave.browser" target="_blank" rel="noopener">for Android</a>, or <a href="https://apps.apple.com/app/brave-private-web-browser-vpn/id1052879175?mt=8&ign-mpt=uo%3D4" target="_blank" rel="noopener">for iOS</a>.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Does Brave have a VPN?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Yes! <a href="/firewall-vpn/">Brave Firewall + VPN</a> protects everything you do online, on your entire device, <em>even outside the Brave Browser</em>. One subscription covers up to 5 devices, across Android, iOS, and desktop.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Does Brave block YouTube ads?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Yes, the Brave browser can block ads on video sites like YouTube. That includes on-page ads, pre-roll and mid-roll ads, end-card ads, and more. By blocking ads, you get a cleaner experience and faster video load. <a href="/did-you-know/brave-blocks-youtube-ads/">Learn more about Brave’s YouTube ad blocking.</a></p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
What is the Brave Search engine?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Brave Search is the private, independent search engine that’s default for most new users of the Brave browser. It’s also <a href="https://search.brave.com" target="_blank" rel="noopener">available in any other browser</a> at search.brave.com. Brave Search serves fast, accurate results from its own independent index of the Web, and offers unique features like a powerful AI-answer engine. Unlike some other search engines, Brave Search doesn’t profile you; it can’t share, sell, or lose your personal data, because it’s not collected in the first place. <a href="/search/">Learn more about Brave Search.</a></p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
What languages is Brave available in?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>The Brave Browser is available in nearly 160 languages in all, including four different dialects of Chinese. Brave Search is currently available in almost 20 different languages, with support for even more languages on the horizon.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Who owns Brave?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>The Brave Browser, Brave Search, and all their various features are made by Brave Software Inc, an independent, privately-held company. Brave is not beholden to any other tech company, and works every single day to fight Big Tech’s terrible privacy abuses. Brave exists to help real people, not some faceless tech company.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Is Brave open source?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Yes. The Brave Browser is built on the open-source Chromium Web core and our own client code is released under the <a href="https://github.com/brave/brave-browser" target="_blank" rel="noopener">Mozilla Public License 2.0</a>.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
How does Brave compare to Chrome?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Simply put, the <a href="/compare/chrome-vs-brave/">Brave Browser is 3x faster than Google Chrome</a>. By blocking privacy-invading ads & trackers by default, there’s less stuff to load on every single webpage you visit. That means pages load much faster, saving you time, money, and battery life. It also means you’re much safer online. <a href="/compare/chrome-vs-brave/">Learn more</a>.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
Is Brave free?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>Yes, Brave is completely free to use. Simply download the Brave browser <a href="/download/">for desktop</a>, <a href="https://play.google.com/store/apps/details?id=com.brave.browser" target="_blank" rel="noopener">for Android</a>, or <a href="https://apps.apple.com/app/brave-private-web-browser-vpn/id1052879175?mt=8&ign-mpt=uo%3D4" target="_blank" rel="noopener">for iOS</a> to get started. You can also use Brave Search free from any browser at search.brave.com, or <a href="https://search.brave.com" target="_blank" rel="noopener">set it as your default search engine</a>.</p>
<p>Brave also has some great, subscription-based features, including <a href="/talk/">Brave Talk Premium</a> and <a href="/firewall-vpn/">Brave Firewall + VPN</a>.</p>
</div>
</details>
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none overflow-hidden">
<summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6 cursor-pointer" data-accordion-heading>
What is BAT, and how do I earn it?
<span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
</summary>
<div class="-mt-2 pb-6 prose" data-accordion-content>
<p>BAT is short for Basic Attention Token. BAT is a digital asset, and a key (but totally optional) part of the Brave Rewards ecosystem. Here’s how it works:</p>
<p>Brave Rewards gives you the option to view first-party, privacy-protecting ads while you browse (these ads are from the Brave Private Ads network). If you choose to view them, you earn BAT via <a href="/brave-rewards/">the Brave Rewards program</a>.</p>
<p>You can keep BAT like any other digital asset, or use it to tip the content publishers you love. Brave even gives you a secure way to store BAT (and any other asset), with <a href="/wallet/">Brave Wallet</a>. And, again, Brave Rewards is a totally optional program.</p>
<p>Other tech companies steal your data to sell ads—to them, you are the product. Brave is different. We think your attention is valuable (and private!), and that you should get a fair share of the revenue for any advertising you choose to view. That fair share is rewarded in BAT.</p>
</div>
</details>
</section>
</main>
<footer class="site-footer section pb-12 bg-primitive-blurple-35" data-theme="dark">
<div class="site-footer__container container">
<div class="site-footer__column">
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Resources</h4>
<ul>
<li><a href="https://support.brave.com/hc/en-us">Help center</a></li>
<li><a href="https://community.brave.com" target="_blank" rel="noopener noreferrer">Community</a></li>
<li><a href="/whats-new/">What's new in Brave?</a></li>
<li><a href="/latest/">Release notes</a></li>
<li><a href="https://status.brave.com" target="_blank" rel="noopener noreferrer">Status</a></li>
<li><a href='/faq/'>FAQs</a></li>
<li><a href='/transparency/'>Transparency report</a></li>
<li><a href="https://store.brave.com">Merch store</a></li>
</ul>
</div>
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Privacy policy</h4>
<ul>
<li><a href='/privacy/browser/'>Brave Browser</a></li>
<li><a href='https://search.brave.com/help/privacy-policy'>Brave Search</a></li>
<li><a href='https://search.brave.com/help/brave-search-index-right-to-be-forgotten'>Brave Search RTBF</a></li>
<li><a href='/privacy/website/'>Website & email</a></li>
<li><a href='/privacy/publishers-creators/'>Publishers & creators</a></li>
<li><a href='/privacy/advertiser/'>Advertisers</a></li>
<li><a href='/privacy/ccpa/'>CCPA</a></li>
</ul>
</div>
</div>
<div class="site-footer__column">
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Browser</h4>
<ul>
<li><a href='/download/'>Desktop</a></li>
<li><a href='/android/'>Android</a></li>
<li><a href='/ios/'>iOS</a></li>
<li><a href='/linux/'>Linux</a></li>
<li><a href='/download-beta/'>Beta</a></li>
<li><a href='/download-nightly/'>Nightly</a></li>
</ul>
</div>
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Company</h4>
<ul>
<li><a href='/about/'>About</a></li>
<li><a href='/blog/'>Blog</a></li>
<li><a href='/brave-branding-assets/'>Brand assets</a></li>
<li><a href='/careers/'>Careers</a></li>
<li><a href='/events/'>Events</a></li>
<li><a href="https://github.com/brave/" target="_blank" rel="noopener noreferrer">GitHub</a></li>
<li><a href='/research/'>Research</a></li>
<li><a href='/reviews/'>Reviews</a></li>
<li><a href='https://support.brave.com/hc/en-us/articles/4537609459469'>Tor Onion address</a></li>
</ul>
</div>
</div>
<div class="site-footer__column">
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Social media</h4>
<ul>
<li><a href="https://www.reddit.com/r/brave_browser" target="_blank" rel="noopener noreferrer">Reddit</a></li>
<li><a href="https://x.com/brave" target="_blank" rel="noopener noreferrer">X (formerly Twitter)</a></li>
<li><a href="https://mastodon.social/@brave" target="_blank" rel="me noopener noreferrer">Mastodon</a></li>
<li><a href="https://www.facebook.com/BraveSoftware/" target="_blank" rel="noopener noreferrer">Facebook</a></li>
<li><a href="https://www.youtube.com/bravesoftware" target="_blank" rel="noopener noreferrer">YouTube</a></li>
</ul>
</div>
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Products</h4>
<ul>
<li><a href='/premium/'>Brave premium</a></li>
<li><a href='/search/'>Search</a></li>
<li><a href='/brave-rewards/'>Rewards</a></li>
<li><a href='/wallet/'>Wallet</a></li>
<li><a href='/firewall-vpn/'>Firewall + VPN</a></li>
<li><a href='/talk/'>Talk</a></li>
<li><a href='/brave-news/'>News</a></li>
<li><a href='/playlist/'>Playlist</a></li>
<li><a href='/features/'>All features</a></li>
<li><a href="https://basicattentiontoken.org/" target="_blank" rel="noopener noreferrer">Basic Attention Token</a></li>
<li><a href='/youtube-ad-blocker/'>YouTube ad blocker</a></li>
</ul>
</div>
</div>
<div class="site-footer__column">
<div class="site-footer__grouping pb-4">
<h4 class="site-footer__heading">Contact</h4>
<h5 class="site-footer__sub-heading">Support</h5>
<a href="https://community.brave.com/" target="_blank" rel="noopener noreferrer">community.brave.com</a>
<h5 class="site-footer__sub-heading">Advertising</h5>
<a target="_blank" class="brave-tooltip-parent" href="mailto:adsales@brave.com" rel="noopener noreferrer">adsales@brave.com <span class="brave-tooltip">Please only use this email address if you are interested in purchasing advertising with Brave. For support, please visit community.brave.com.</span></a>
<h5 class="site-footer__sub-heading">Business</h5>
<a href="mailto:bizdev@brave.com">bizdev@brave.com</a>
<h5 class="site-footer__sub-heading">Press</h5>
<a href="mailto:press@brave.com">press@brave.com</a>
</div>
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Developer docs</h4>
<ul>
<li><a href="https://wallet-docs.brave.com/" target="_blank" rel="noopener noreferrer">Wallet docs</a></li>
</ul>
</div>
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Creators</h4>
<ul>
<li><a href="https://creators.brave.com/" target="_blank" rel="noopener noreferrer">Overview</a></li>
</ul>
</div>
</div>
<div class="site-footer__column">
<div class="site-footer__grouping">
<h4 class="site-footer__heading">Offices</h4>
<p class="font-semibold leading-5 text-text-primary">Brave San Francisco<br>
580 Howard St. Unit 402,<br> San Francisco, CA 94105</p>
</div>
<div class="site-footer__grouping leading-8 mt-4">
<label for="language-switcher">Choose a language</label>
<div class="inline-block relative w-full">
<select name="language-switcher" id="language-switcher" class="block appearance-none w-full bg-gray-900 border border-gray-700 hover:border-gray-800 bg-container-highlight border-gray-20 hover:border-gray-30 px-4 py-2 pr-8 rounded rounded-m leading-tight focus:outline-none focus:ring">
<option selected value="en">English</option>
<option value="en-in">English (India)</option>
<option value="ja">日本語</option>
<option value="zh">中文 (中国)</option>
<option value="ko">한국어</option>
<option value="de">Deutsch</option>
<option value="fr">Français</option>
<option value="es">Español</option>
<option value="it">Italiano</option>
<option value="pt-br">Português</option>
<option value="fil">Filipino</option>
<option value="hi">हिन्दी</option>
<option value="id">bahasa Indonesia</option>
<option value="nl">Nederlands</option>
<option value="pl">Polski</option>
<option value="ru">Русский</option>
<option value="vi">Tiếng Việt</option>
<option value="ca">Català</option>
<option value="ro">Română</option>
<option value="tr">Türkçe</option>
<option value="uk">Українська</option>
</select>
<div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 text-[currentColor]">
<svg class="fill-current fill-[currentColor] h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
</div>
</div>
</div>
</div>
<div class="w-full flex flex-wrap justify-center sm:justify-between pt-12 mt-6 border-t border-neutral-800">
<img src="/static-assets/images/brave-logo.svg" alt="Brave SoftwResolver
Resolver ASN
AS15169
Resolver IP
172.253.8.146
Resolver Network Name
Google LLC
Report ID
20241120T183615Z_webconnectivity_PR_21928_n1_P4xeq9Dy7cZKmFId
Platform
android
Software Name
ooniprobe-android-unattended (4.0.0)
Measurement Engine
ooniprobe-engine (3.23.0)