Snowflake

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" > <meta charset="utf-8" />  <link rel="stylesheet" href="static/styles.css?h=e2b719a8" />  <link rel="stylesheet" href="bootstrap-5.3.0-dist/css/bootstrap.min.css?h=b231651e" /> <script type="text/javascript" src="bootstrap-5.3.0-dist/js/bootstrap.bundle.min.js?h=d722fa99"></script> <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="icon" href="" /> <title>Snowflake</title> <body> <header>  <nav class="navbar navbar-light bg-tor"> <a class="navbar-brand px-4" href="#"> <img class="tor-logo-nav" src="static/images/tor-logo-color.svg?h=be1abbe5" alt="Snowflake" > </a> <span class="navbar-text px-4"> <a href="https://torproject.org/" type="button" class="d-flex btn nav-back-btn p-3 gap-1"> <div class="w-1.5rem h-1.5rem"> <img src="static/images/arrow_back.svg?h=33786b8c" alt="New Window" class="w-100 h-100 "> </div> <div class="d-flex align-items-center btn-text-nav"> Back to torproject.org </div> </a> </span> </nav> </header> <div class="page">  <div class="section" id="01-get-snowflake">   <section id="get-snowflake"> <div class="row d-flex justify-content-center align-items-center gap-2 gap-md-4 getSnowflake-Section "> <div class="col-8 text-center"> <div class="link get-snowflake">Get Snowflake </div> <hr class=" d-inline-block get-snowflake-underline"> </div> <div class=" col-12 mx-auto d-flex flex-column align-items-center"> <h1 class="col-12 text-center free-connection ">Free your connection</h1> </div> <div class="col-11 layout d-flex flex-column align-items-center"> <p class="col-12 tor-blocked"> Use Snowflake to give censorship the slip in places where Tor is blocked. </p> </div> </div> </section> </div> <div class="section" id="02-use-snowflake">   <div class="row justify-content-center align-items-start align-items-stretch gap-4 use-snowflake-section ">  <div class="col-11 col-sm-10 col-md-10 col-xl-4 col-xxl-3 d-flex flex-column p-5 py-4 ps-0 gap-2 use-snowflake-now "> <span class="badge text-bg-blue">BLOCKED USER</span> <h3 class="use-snowflake-now-text">Start using Snowflake Now</h3> <p class="use-snowflake-now-para-text ">Snowflake comes embedded in Tor-powered apps like <span class="text-avocado-60"> Tor Browser </span> and <span class="text-avocado-60">Orbot</span> . If either of these apps can’t connect to the Tor network, you can use Snowflake to unblock Tor.</p> <a href="#readFaqs" type="button" class="btn btn-light p-3 btn-tor-read-faqs">Read the FAQs</a> </div> <div class="col-12 col-sm-12 col-md-10 col-xl-7 col-xxl-6 d-flex gap-4 flex-column flex-md-row align-items-center justify-content-center">  <div class="col-10 col-sm-8 col-md-7 col-xl-6 long-card-element-size ">  <div class=" bg-useSnowflake-back-purple"> <div class="d-flex flex-column align-items-start bg-useSnowflake"> <div class="d-flex align-items-center gap-1">  <div class="w-2.5rem h-2.5rem"> <img class="w-100 h-100 " src="static/images/tor-browser-icon.png?h=246bd770" alt="Tor Browser"> </div> <div class="d-flex align-items-center gap-3 p-3 fw-600 lh-120 card-heading-use-snowflake "> Tor Browser </div> </div> <div class="d-flex flex-column justify-content-center align-items-start gap-3 position-relative"> <div class="card-sub-heading-use-snowflake"> Get it from: </div> <a href="https://www.torproject.org/download/" target="_blank" type="button" class="btn btn-tor-download p-3">torproject.org/download</a> </div> </div> </div> <div class="accordion no-bg-accordion" id="accordian-2"> <div class="accordion-item no-margin-top">  <div class="accordion-collapse collapse show long-card-elements" id="panelsStayOpen-collapseOne" aria-labelledby="panelsStayOpen-headingOne">  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-3"> <div class="w-1.75rem h-1.75rem"> <img src="static/images/devices.svg?h=84425f80" alt="Device" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card">Available for </div> <div class="sub-sections-sub-text-use-snowflake-card"> Desktop & Android </div> </div> </div>  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-3"> <div class="w-1.75rem h-1.75rem"> <img src="static/images/snowflake.svg?h=e0d4986f" alt="Snowflake" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card"> Snowflake </div> <div class="sub-sections-sub-text-use-snowflake-card">Ready to Use </div> </div> </div>  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-ending"> <div class="w-1.75rem h-1.75rem"> <img src="static/images/code.svg?h=ea2ce5d8" alt="Code" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card"> Made by </div> <div class="sub-sections-sub-text-use-snowflake-card"> Tor Project </div> </div> </div> </div>  <div class="d-block d-md-none align-items-center position-relative card-extension-use-snowflake-collapse " style=" background:#F4EBFE "> <h2 class="accordion-header" id="panelsStayOpen-headingOne"> <button class="accordion-button btn-height-4 no-bg-accordion " type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne"> <span class="d-flex align-items-center long-card-elements-btn-text"> View Detail </span> </button> </h2> </div> </div> </div> </div>   <div class="col-10 col-sm-8 col-md-7 col-xl-6 my-sm-4 my-md-0 long-card-element-size">  <div class="d-flex bg-useSnowflake-back-avagado"> <div class="d-flex flex-column align-items-start bg-useSnowflake" style="background: #D3EDFC"> <div class="d-flex align-items-center gap-1"> <div class="w-2.5rem h-2.5rem"> <img src="static/images/orbot-new.png?h=efce75f8" alt="Orbot" class="w-100 h-100 rounded"> </div> <div class="d-flex align-items-center gap-3 p-3 fw-600 lh-120 card-heading-use-snowflake"> Orbot </div> </div> <div class="d-flex flex-column justify-content-center align-items-start gap-3 position-relative"> <div class="card-sub-heading-use-snowflake"> Get it from: </div> <a href="https://orbot.app/en/" target="_blank" type="button" class="d-flex btn btn-orbot-download p-3 gap-1"> orbot.app <div class="w-1.5rem h-1.5rem"> <img src="static/images/open-in-new.svg?h=b75a263e" alt="New Window" class="w-100 h-100 "> </div> </a> </div> </div> </div> <div class="accordion no-bg-accordion" id="accordian-2"> <div class="accordion-item no-margin-top">  <div class="accordion-collapse collapse show long-card-elements" id="panelsStayOpen-collapseTwo" aria-labelledby="panelsStayOpen-headingTwo">  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-3" style=" background:#E9F6FE "> <div class="w-1.75rem h-1.75rem"> <img src="static/images/devices.svg?h=84425f80" alt="Device" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card"> Available for </div> <div class="sub-sections-sub-text-use-snowflake-card"> Android & iOS </div> </div> </div>  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-3" style="background: #E9F6FE"> <div class="w-1.75rem h-1.75rem"> <img src="static/images/snowflake.svg?h=e0d4986f" alt="Snowflake" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card"> Snowflake </div> <div class="sub-sections-sub-text-use-snowflake-card"> Ready to Use </div> </div> </div>  <div class="d-flex align-items-center position-relative card-extension-use-snowflake-ending" style="background: #E9F6FE"> <div class="w-1.75rem h-1.75rem"> <img src="static/images/code.svg?h=ea2ce5d8" alt="Code" class="w-100 h-100 "> </div> <div> <div class="sub-sections-text-use-snowflake-card"> Made by </div> <div class="sub-sections-sub-text-use-snowflake-card"> Guardian Project </div> </div> </div> </div>  <div class="d-block d-md-none align-items-center position-relative card-extension-use-snowflake-collapse" style="background:#E9F6FE"> <h2 class="accordion-header" id="panelsStayOpen-headingTwo"> <button class="accordion-button btn-height-4" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="true" aria-controls="panelsStayOpen-collapseTwo"> <span class="d-flex align-items-center long-card-elements-btn-text"> View Detail </span> </button> </h2> </div> </div> </div> </div> </div> </div> </div> <div class="section" id="03-donate-bandwidth">   <div class="d-flex flex-column align-items-center bg-light donate-bandwidth">  <div class="d-flex flex-column align-items-center gap-3 gp-md-5"> <div class="d-flex flex-column align-items-center gap-3">  <span class="badge text-bg-blue bg-avocado">UNBLOCKED USER</span> <div class="donate-bandwidth-text-head ">Powered by volunteers</div> </div> <div class="d-flex flex-column align-items-center gap-4"> <div class="donate-bandwidth-sub-text-head">Donate your bandwidth and help Tor users circumvent censorship by deploying your own Snowflake.</div> <div class="donate-bandwidth-sub-count-text">127,599 Snowlakes (and counting)</div> </div> </div>  <div class=" d-block d-xl-flex align-item-center gap-4 cards-donate-bandwidth "> <div class=" d-flex flex-column align-item-center gap-5 warning-sub-section"> <div class="addonBtns" id="addonBtns"> <div class="d-flex flex-column align-items-center gap-1 browser-addon-graphic"> <div class="d-flex align-items-center addon-bar"> <div class="address-bar-addon"></div>  <div class="icon-btn-bar"> <img class="w-100 h-100" src="static/images/account-circle.svg?h=17029e2b" alt="dropdown-icon" /> </div>  <div class="icon-btn-bar icon-btn-bg-dark"> <img class="w-100 h-100" src="static/images/ac-unit.svg?h=97c07804" alt="dropdown-icon" /> </div>  <div class="icon-btn-bar"> <img class="w-100 h-100" src="static/images/menu.svg?h=910c8b08" alt="dropdown-icon" /> </div> </div> </div>  <div class="d-flex justify-content-center align-items-center ">  <iframe class="i-frame-snowflake" src="https://snowflake.torproject.org/embed.html" color-scheme="light" width="62%" height="240" frameborder="0" scrolling="yes"></iframe> </div> </div>  <div class="d-flex flex-column warning-area "> <div class="d-flex flex-column gap-4"> <div class="warning-area-head-text">Install the browser addon</div> <div class="warning-area-sub-text">The easiest way to spin up a Snowflake is to install the browser addon, enable it, and see the icon turn green when a blocked user connects to your addon.</div> </div>  <div class="btn-group"> <a href="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie" id="mainButton" class="btn btn-download-avocado btn-lg gap-3 d-flex" type="button"> <img class="w-1.75rem h-1.75rem" src="static/images/install_desktop.svg?h=e9fa5051" alt="Install-desktop-icon" /> <span id="mainBtnText"> Install Extension </span> </a>  <button type="button" class="btn btn-lg btn-download-avocado-dropdown dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> <img class="w-1.75rem h-1.75rem" src="static/images/chevron.svg?h=bb72e526" alt="dropdown-icon" /> </button>  <ul class="dropdown-menu"> <li><a class="dropdown-item" target="_blank" href="https://addons.mozilla.org/en-US/firefox/addon/torproject-snowflake/">Install for Firefox </a></li> <li><a class="dropdown-item" target="_blank" href="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie">Install for Chrome</a></li> <li><a class="dropdown-item" target="_blank" href="https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie">Install for Edge</a></li> </ul> </div> </div> </div>  <div class="d-flex flex-sm-row flex-xl-column my-xl-0 my-3 justify-content-center align-items-center gap-3 nightly-card-area">  <div class="gap-3 col-xl-10 col-lg-9 col-md-8 col-sm-6 col-12 nightly-card card-bg-bluee"> <img class="w-1.75rem h-1.75rem" src="static/images/terminal.svg?h=65ae3724" alt="Terminal-icon" /> <div class="nightly-card-text-area">For more technically verse users, you can opt to run a standalone Snowflake proxy on your desktop or server. See our command-line guide.</div> <div class="btn-bottom-card"> <a href="https://community.torproject.org/relay/setup/snowflake/" target="_blank" type="button" class="d-flex btn btn-card-action-blue p-3 gap-1"> View guide</a> </div> </div>  <div class="gap-3 col-xl-10 col-lg-9 col-md-8 col-sm-6 col-12 nightly-card card-bg-purple"> <img class="w-1.75rem h-1.75rem" src="static/images/code.svg?h=ea2ce5d8" alt="Code-icon" /> <div class="nightly-card-text-area">You can also embed this widget on your own website so visitors can spin up their own Snowflakes by opening your website and keeping the tab open.</div> <div class="btn-bottom-card">  <div class=" alert-copy-code " id="copyAlert" role="alert">  <span class="badge bg-light"> copied to clipboard </span> </div> <button id="copyButton" type="button" class="d-flex btn btn-card-action-purple p-3 gap-1"> Copy Code </button> </div> </div>  </div> </div> </div>  <script> document.getElementById("copyButton").addEventListener("click", function () { const iframeCode = '<iframe src="https://snowflake.torproject.org/embed.html" width="320" height="240" frameborder="0" scrolling="no"></iframe>'; const tempTextArea = document.createElement("textarea"); tempTextArea.value = iframeCode; document.body.appendChild(tempTextArea); tempTextArea.select(); document.execCommand("copy"); document.body.removeChild(tempTextArea); const alertDiv = document.getElementById("copyAlert"); alertDiv.style.display = "flex"; setTimeout(() => { alertDiv.style.display = "none"; }, 3000); // Hide the alert after 3 seconds }); </script>  <script> document.addEventListener("DOMContentLoaded", function () { const mainButton = document.getElementById("mainButton"); const mainBtnText = document.getElementById("mainBtnText"); const userAgent = navigator.userAgent; // Checks user agent for platform and recommend the correct extension link if (userAgent.includes("Firefox")) { mainBtnText.innerHTML = "Install for Firefox"; // Update button text mainButton.href = "https://addons.mozilla.org/en-US/firefox/addon/torproject-snowflake/"; } else if (userAgent.includes("Edg")) { // Microsoft Edge mainBtnText.innerHTML = "Install for Edge"; // Update button text mainButton.href = "https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie"; } else if (userAgent.includes("Chrome")) { mainBtnText.innerHTML = "Install for Chrome"; // Update button text mainButton.href = "https://chrome.google.com/webstore/detail/snowflake/mafpmfcccpbjnhfhjnllmmalhifmlcie"; } }); </script> </div> <div class="section" id="04-faqs">   <div class="row d-flex justify-content-center align-items-start align-items-stretch gap-4 faqs-section gap-4" id="readFaqs" >  <div class="col-11 col-lg-4 "> <div class="faqs-text-area gap-4"> <div class="faqs-head-text">Frequently asked questions</div> <div class="faqs-sub-text">We’ve compiled answers to some of our most frequently asked questions. If you need additional assistance or more personalized support, please don’t hesitate to contact us through one of our support channels.</div> <a href="https://www.torproject.org/contact/" target="__blank" type="button" class="btn btn-light p-3 btn-tor-read-faqs">Get Support</a> </div> </div>  <div class="col-lg-6 faqs-stack"> <div class="accordion" id="accordionExample">  <div class="accordion-item"> <div class="accordion-header"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <div class=" d-flex faqs-head-icon-div">  <div class="faqs-headings"> What’s Snowflake? </div> </div> </button> </div> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample"> <div class="accordion-body faqs-answer-text"> <p>Snowflake allows you to connect to the Tor network in places where Tor is blocked by routing your connection through volunteer proxies located in uncensored countries. <br> <br> Similar to VPNs, which help users bypass Internet censorship, Snowflake disguises your Internet activity as though you’re making a video or voice call, making you less detectable to Internet censors.</p> </div> </div> </div>  <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <div class=" d-flex faqs-head-icon-div">  <div class="faqs-headings"> How does Snowflake work? </div> </div> </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body faqs-answer-text"> <p>Snowflake uses a technology called WebRTC, which is commonly employed by videoconferencing software. This helps mask your use of Tor from censors by making it appear as though you’re on a audio or video call instead. <br> <br> Snowflake is a relatively new circumvention technology, part of the Pluggable Transports family, that is continuously being improved. Pluggable Transports disguise a Tor bridges’ traffic by making it look like a regular connection rather than a Tor connection, adding another layer of obfuscation. <br> <br> The disguise is intended to “deceive” censors by making Internet traffic appear as ordinary as a videocall (Snowflake), a connection to Microsoft (meek-azure), a standard HTTPS connect (WebTunnel). It therefore becomes costly for censors to consider blocking such circumvention tools since it would require blocking large parts of the Internet in order to achieve the initial targeted goal. <br> <br> Curious to learn more about its architecture? Feel free to check this <a href="https://gitlab.torproject.org/tpo/anti-censorship/pluggable-transports/snowflake/-/wikis/Technical%20Overview">technical overview</a> (in English). If you're interested in making use of Snowflake inside your application, get in touch with <a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/anti-censorship-team">anti-censorship team</a>.</p> </div> </div> </div>  <div class="accordion-item"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <div class=" d-flex faqs-head-icon-div">  <div class="faqs-headings"> Can I circumvent censorship using the browser addon? </div> </div> </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample"> <div class="accordion-body faqs-answer-text"> <p>If you would like to circumvent censorship, then you will need to download a Tor-powered app such as Tor Browser or Orbot. If the app is not connecting and it appears that the connection is still blocked, you should be able to unblock the connection by going to the app’s settings and enabling your connection to run through Snowflake. <br> <br> The browser add-on is designed for users who want to support others in circumventing internet censorship. By using Tor-powered apps and enabling Snowflake, your connection will be routed through an add-on installed by a volunteer. <br> <br> Rest assured, volunteers will not be able to determine your location or any other details about your connection while using their add-on.</p> </div> </div> </div> </div> </div> </div> </div> </div> </body>

CINXE.COM

Snowflake