https://playcode.io/

Scan ID:
351fa608-7cf5-4978-b4f6-6e313e761246Finished
Submitted URL:
https://playcode.io/
Report Finished:

The outgoing links identified from the page

LinkText
https://github.com/playcode/playcode-desktop/releases Desktop apps
https://twitter.com/playcode_io Twitter
https://www.linkedin.com/company/playcode/ LinkedIn
https://www.crunchbase.com/organization/playcode Crunchbase
https://amplitude.com/ Amplitude - the best analytics tool

JavaScript Variables · 12 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetogglestring
documentPictureInPicturestring
onscrollendstring
gtagstring
dataLayerstring
__vite_plugin_ssrstring
__VUE_INSTANCE_SETTERS__string
__VUE__string
google_tag_managerstring
google_tag_datastring

Console log messages · 1 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://playcode.io/ampl
Text
Failed to load resource: the server responded with a status of 400 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
        <link rel="stylesheet" type="text/css" href="/marketing/assets/static/index.37f36cb8.css">
        <link rel="stylesheet" type="text/css" href="/marketing/assets/static/footer.016fb775.css">
        <link rel="stylesheet" type="text/css" href="/marketing/assets/static/default.page.client.c98df68a.css">
        <meta charset="UTF-8">
        <meta http-equiv="content-language" content="en">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes">
        
        <meta name="google-site-verification" content="3e1cNRYuUBDvzPJ9VerwCKlrqiCwBDo_3DefS4u__3o">
        
        <meta name="author" content="PlayCode">
        <meta name="robots" content="noodp, noydir, notranslate">
        <meta name="renderer" content="browser">
        <meta property="og:site_name" content="PlayCode.io">
        
        
    <link rel="icon" type="image/svg" href="/marketing/assets/static/img/favicons/playcode-icon.svg">
    <link rel="icon" type="image/png" sizes="16x16" href="/marketing/assets/static/img/favicons/16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/marketing/assets/static/img/favicons/32x32.png">
    <link rel="icon" type="image/png" sizes="57x57" href="/marketing/assets/static/img/favicons/57x57.png">
    <link rel="icon" type="image/png" sizes="76x76" href="/marketing/assets/static/img/favicons/76x76.png">
    <link rel="icon" type="image/png" sizes="120x120" href="/marketing/assets/static/img/favicons/120x120.png">
    <link rel="icon" type="image/png" sizes="128x128" href="/marketing/assets/static/img/favicons/128x128.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/marketing/assets/static/img/favicons/192x192.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/marketing/assets/static/img/favicons/120x120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/marketing/assets/static/img/favicons/152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/marketing/assets/static/img/favicons/180x180.png">
  
      
        <title>Javascript Playground (Sandbox, Repl)</title>
        <meta property="og:title" content="Javascript Playground (Sandbox, Repl)">
        
        <meta name="description" content="The #1 JavaScript playground and sandbox to write, run and repl it. JavaScript playground is perfect for learning and prototyping javascript sandboxes. Fast. Easy to use.">
        <meta property="og:description" content="Javascript Playground (Sandbox, Repl)">
        
        <meta name="keywords" content="JavaScript online, JavaScript compiler, editor, repl it">
        
        
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-1Y5ERB4JJZ"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
  
      gtag('config', 'G-1Y5ERB4JJZ');
    </script>
  
        
        <style>
          body,
          button,
          html,
          input,
          select,
          textarea {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
              'Open Sans', 'Helvetica Neue';
          }
        </style>
      </head>
      <body class="theme-blue" id="body">
        <div id="app"><!--[--><!--[--><!--[--><div><div style="border-bottom:1px solid;" class="header bg-bg-1 border-border-1 d-flex align-items-center" data-v-2697d052=""><div class="d-flex align-items-center justify-content-between h-100 w-100" data-v-2697d052=""><!--[--><div class="pl-3 d-flex align-items-center" data-v-2697d052=""><a href="/" class="d-flex align-items-center text-primary-1-hover-primary-1 cursor-pointer" data-v-2697d052=""><svg width="208" height="178" viewBox="0 0 208 178" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:22px;width:22px;" data-v-2697d052=""><path fill-rule="evenodd" clip-rule="evenodd" d="M95.3794 4.02553L92.9729 5.93653C88.1109 9.7978 85.2463 15.9038 85.2524 22.3895L85.399 156.997C85.4051 163.45 88.2575 169.524 93.0889 173.378C99.9665 178.863 109.409 178.771 116.183 173.143L199.838 103.692C204.504 99.8178 207.235 93.8492 207.235 87.5206V87.285C207.235 80.9237 204.468 74.9224 199.758 71.048L118.364 4.22186C111.602 -1.33444 102.226 -1.41297 95.3794 4.02553ZM2.00612 80.3434L52.443 41.5533C55.3178 39.346 59.3774 41.4852 59.3774 45.2133V56.7209C59.3774 58.1338 58.747 59.473 57.6709 60.3298L26.1095 86.6363V86.954L57.5786 111.836C58.7089 112.693 59.3774 114.061 59.3774 115.513V128.519C59.3774 132.247 55.3124 134.392 52.4376 132.173L2.00069 93.2469C0.892063 92.3901 0.234497 91.0339 0.234497 89.5926V84.0034C0.234497 82.5564 0.892063 81.2002 2.00612 80.3434ZM121.325 41.5533L168.609 80.3434C169.654 81.2002 170.27 82.5564 170.27 84.0034V89.5926C170.27 91.0339 169.654 92.3901 168.614 93.2469L121.33 132.173C118.635 134.392 114.824 132.247 114.824 128.519V115.513C114.824 114.061 115.45 112.693 116.51 111.836L146.243 86.954V86.6363L116.424 60.3298C115.415 59.473 114.824 58.1338 114.824 56.7209V45.2133C114.824 41.4852 118.63 39.346 121.325 41.5533Z" fill="currentColor"></path></svg><svg width="185" height="25" viewBox="0 0 185 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="ml-3 d-none d-sm-inline" style="height:12px;width:89px;" data-v-2697d052=""><path d="M4.33927 24V16.2H5.98927C12.1093 16.2 14.9593 13.11 14.9593 8.54999C14.9593 3.05999 10.8193 1.28999 5.44927 1.28999H0.499268V24H4.33927ZM4.33927 12.72V4.79999H6.49927C9.37927 4.79999 10.9093 6.20999 10.9093 8.51999C10.9093 10.95 9.22927 12.72 5.89927 12.72H4.33927Z" fill="currentColor"></path><path d="M34.8376 23.97V20.49H25.3275V1.28999H21.4875V23.97H34.8376Z" fill="currentColor"></path><path d="M61.1145 24L49.5345 0.359985L37.9245 24H42.1845L44.2245 19.56H54.7545L56.8245 24H61.1145ZM53.1645 16.08H45.8145L49.0545 9.02999C49.2045 8.69999 49.4445 8.21999 49.5045 7.94999C49.5345 8.21999 49.7445 8.72999 49.8945 9.02999L53.1645 16.08Z" fill="currentColor"></path><path d="M75.4266 24V14.61L83.8866 1.28999H79.6266L73.8066 10.92C73.6566 11.16 73.5966 11.31 73.5666 11.73C73.5366 11.28 73.5066 11.13 73.3866 10.92L67.5666 1.28999H63.3066L71.5866 14.61V24H75.4266Z" fill="currentColor"></path><path d="M106.426 18.99C105.526 19.89 103.216 21.06 100.366 21.06C95.2362 21.06 91.6662 17.25 91.6662 12.51C91.6662 8.18999 94.6662 4.25999 99.7662 4.25999C102.106 4.25999 104.416 5.09999 106.006 6.65999L108.046 3.98998C107.296 3.08999 104.416 0.779985 99.7662 0.779985C92.5662 0.779985 87.5862 6.23999 87.5862 12.6C87.5862 19.11 92.8362 24.48 100.186 24.48C103.426 24.48 106.126 23.46 108.196 21.48L106.426 18.99Z" fill="currentColor"></path><path d="M138.128 12.75C138.128 5.90999 132.668 0.779985 125.828 0.779985C118.928 0.779985 113.438 6.14999 113.438 12.66C113.438 19.14 118.928 24.48 125.828 24.48C132.488 24.48 138.128 19.2 138.128 12.75ZM134.048 12.72C134.048 17.37 130.358 21.06 125.618 21.06C121.178 21.06 117.518 16.98 117.518 12.54C117.518 7.85999 121.268 4.25999 125.828 4.25999C130.298 4.25999 134.048 7.85998 134.048 12.72Z" fill="currentColor"></path><path d="M150.945 24C158.685 24 163.815 19.86 163.815 12.66C163.815 5.21999 158.295 1.28999 151.515 1.28999H144.945V24H150.945ZM148.785 20.52V4.76999H151.905C156.465 4.76999 159.735 7.85999 159.735 12.57C159.735 18.27 155.985 20.52 151.455 20.52H148.785Z" fill="currentColor"></path><path d="M184.838 23.97V20.49H174.578V13.68H182.078V10.2H174.578V4.79999H183.878V1.31999H170.738V23.97H184.838Z" fill="currentColor"></path></svg></a></div><!--]--><div class="pr-3 d-flex align-items-center" data-v-2697d052=""><a href="/pricing" class="ml-4 cursor-pointer text-text-2-hover-primary-1 text-nodecor" data-v-2697d052=""> Pricing </a><a href="/learn" class="ml-4 cursor-pointer text-danger-2-hover-danger-1 text-nodecor font-weight-600" data-v-2697d052=""> Learn </a><a href="/sign-in" class="ml-4 cursor-pointer text-text-2-hover-primary-1 text-nodecor" data-v-2697d052=""> Sign In </a><a href="/sign-up" class="d-sm-block ml-4 cursor-pointer text-primary-1-hover-primary-1 font-weight-600 text-nodecor" data-v-2697d052=""> Sign Up </a><!----></div></div></div><div class="py-10 bg-bg-2"><div class="pt-8 container-max-lg pt-0"><div class="row align-items-center"><div class="col-sm-24 col-md-24 offset-0"><h1 class="text-center text-text-2 font-size-50 font-weight-800" style="line-height:60px;"> Javascript Playground </h1><div class="d-flex justify-content-center"><div class="text-text-2 font-size-28 font-weight-600 text-primary-3">Code</div><div class="text-text-2 font-size-28 font-weight-600 text-danger-2 ml-6">Learn</div><div class="font-size-28 font-weight-600 text-warning-2 ml-6"><span class="d-none d-sm-inline">Easy &amp; </span> Fast </div></div><div class="text-center mt-6"><div class="d-flex justify-content-center font-size-18 text-text-2 font-weight-400"><div class="max-w-550"> The #1 JavaScript playground and sandbox to write, run and repl it. JavaScript playground is perfect for learning and prototyping javascript sandboxes. Fast. Easy to use. Start javascript playground project using ready to use templates. </div></div></div></div></div><div class="mt-10 d-flex justify-content-center flex-wrap"><a href="/new" class="button-success mx-2 mb-4" data-v-01d59b04="">Start Coding</a><div class="mx-2 mb-4"><a href="/learn" class="button-learning"> Start learning </a></div></div><div class="browser-cnt d-block d-sm-flex justify-content-center pt-8 pb-8"><div class="browser w-100"><video autoplay="" loop="" muted="" playsinline="" style="aspect-ratio:1560 / 1002;" class="w-100 lazy entered loaded" data-ll-status="loaded"><source data-src="/marketing/assets/static/javascript-compiler.535259af.webm" type="video/webm" src="/marketing/assets/static/javascript-compiler.535259af.webm"><source data-src="/marketing/assets/static/javascript-compiler.f3ea3b4d.mp4" type="video/mp4" src="/marketing/assets/static/javascript-compiler.f3ea3b4d.mp4"></video></div></div></div></div><div class="pb-12 bg-bg-1" data-v-624c05be=""><div class="container-max-lg pt-12" data-v-624c05be=""><div class="" data-v-624c05be=""><div class="d-flex justify-content-center" data-v-624c05be=""><div class="text-center font-size-24 font-weight-600 max-w-400" data-v-624c05be=""> Trusted by devs at: </div></div></div><div class="brands text-text-3 text-center mt-8" data-v-624c05be="" data-v-8bc60722=""><div class="mx-5 py-3 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="816" viewBox="0 0 596 194.5" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M73.4 0h5.3c18.4.4 36.5 7.8 49.5 20.9-4.8 4.9-9.7 9.6-14.4 14.5-7.3-6.6-16.1-11.7-25.7-13.5-14.2-3-29.5-.3-41.4 7.8C33.7 38.2 24.9 52.6 23 68c-2.1 15.2 2.2 31.2 12.1 43 9.5 11.5 24 18.7 39 19.2 14 .8 28.6-3.5 38.8-13.3 8-6.9 11.7-17.4 12.9-27.6-16.6 0-33.2.1-49.8 0V68.7h69.9c3.6 22.1-1.6 47-18.4 62.8-11.2 11.2-26.7 17.8-42.5 19.1-15.3 1.5-31.1-1.4-44.7-8.8C24 133.1 11 118.4 4.6 101.1c-6-15.9-6.1-33.9-.5-49.9C9.2 36.6 19 23.7 31.6 14.7 43.7 5.8 58.4.9 73.4 0zM474.4 5.2h21.4V148c-7.1 0-14.3.1-21.4-.1.1-47.5 0-95.1 0-142.7zM193.5 54.7c13.2-2.5 27.5.3 38.4 8.2 9.9 7 16.8 18 18.9 30 2.7 13.9-.7 29.1-9.7 40.1-9.7 12.3-25.6 18.9-41.1 17.9-14.2-.8-28-7.9-36.4-19.5-9.5-12.8-11.8-30.4-6.6-45.4 5.2-16.1 19.9-28.4 36.5-31.3m3 19c-5.4 1.4-10.4 4.5-14 8.9-9.7 11.6-9.1 30.5 1.6 41.3 6.1 6.2 15.3 9.1 23.8 7.4 7.9-1.4 14.8-6.7 18.6-13.7 6.6-11.9 4.7-28.3-5.4-37.6-6.5-6-16-8.5-24.6-6.3zM299.5 54.7c15.1-2.9 31.6 1.3 42.9 11.9 18.4 16.5 20.4 47.4 4.7 66.4-9.5 12-24.9 18.6-40.1 17.9-14.5-.4-28.8-7.6-37.4-19.5-9.7-13.1-11.8-31.1-6.3-46.4 5.5-15.6 19.9-27.5 36.2-30.3m3 19c-5.4 1.4-10.4 4.5-14 8.8-9.6 11.4-9.2 30 1.1 40.9 6.1 6.5 15.6 9.7 24.4 7.9 7.8-1.5 14.8-6.7 18.6-13.7 6.5-12 4.6-28.4-5.6-37.7-6.5-6-16-8.4-24.5-6.2zM389.4 60.5c11.5-7.2 26.8-9.2 39.2-3 3.9 1.7 7.1 4.6 10.2 7.5.1-2.7 0-5.5.1-8.3 6.7.1 13.4 0 20.2.1V145c-.1 13.3-3.5 27.4-13.1 37.1-10.5 10.7-26.6 14-41.1 11.8-15.5-2.3-29-13.6-35-27.9 6-2.9 12.3-5.2 18.5-7.9 3.5 8.2 10.6 15.2 19.5 16.8 8.9 1.6 19.2-.6 25-8 6.2-7.6 6.2-18 5.9-27.3-4.6 4.5-9.9 8.5-16.3 10-13.9 3.9-29.2-.9-39.9-10.3-10.8-9.4-17.2-23.9-16.6-38.3.3-16.3 9.5-32 23.4-40.5m20.7 12.8c-6.1 1-11.8 4.4-15.7 9.1-9.4 11.2-9.4 29.1.1 40.1 5.4 6.5 14.1 10.1 22.5 9.2 7.9-.8 15.2-5.8 19.1-12.7 6.6-11.7 5.5-27.6-3.4-37.8-5.5-6.3-14.3-9.4-22.6-7.9zM521.5 65.6c12-11.2 30.5-15 45.9-9.1C582 62 591.3 75.9 596 90.2c-21.7 9-43.3 17.9-65 26.9 3 5.7 7.6 10.9 13.8 13 8.7 3.1 19.1 2 26.4-3.8 2.9-2.2 5.2-5.1 7.4-7.9 5.5 3.7 11 7.3 16.5 11-7.8 11.7-20.9 19.9-35 21.2-15.6 1.9-32.2-4.1-42.3-16.3-16.6-19.2-15-51.4 3.7-68.7m10.7 18.5c-3.4 4.9-4.8 10.9-4.7 16.8 14.5-6 29-12 43.5-18.1-2.4-5.6-8.2-9-14.1-9.9-9.5-1.7-19.4 3.4-24.7 11.2z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="534" viewBox="0 0 1033.746 220.695" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M1033.746 99.838v-18.18h-22.576V53.395l-.76.234-21.205 6.488-.418.127v21.415h-33.469v-11.93c0-5.555 1.242-9.806 3.69-12.641 2.431-2.801 5.908-4.225 10.343-4.225 3.188 0 6.489.751 9.811 2.232l.833.372V36.321l-.392-.144c-3.099-1.114-7.314-1.675-12.539-1.675-6.585 0-12.568 1.433-17.786 4.273-5.221 2.844-9.328 6.904-12.205 12.066-2.867 5.156-4.322 11.111-4.322 17.701v13.116h-15.72v18.18h15.72v76.589h22.567V99.838h33.469v48.671c0 20.045 9.455 30.203 28.102 30.203 3.064 0 6.289-.359 9.582-1.062 3.352-.722 5.635-1.443 6.979-2.213l.297-.176v-18.348l-.918.607c-1.225.816-2.75 1.483-4.538 1.979-1.796.505-3.296.758-4.458.758-4.368 0-7.6-1.177-9.605-3.5-2.028-2.344-3.057-6.443-3.057-12.177V99.838h22.575zM866.635 160.26c-8.191 0-14.649-2.716-19.2-8.066-4.579-5.377-6.899-13.043-6.899-22.783 0-10.049 2.32-17.914 6.901-23.386 4.554-5.436 10.95-8.195 19.014-8.195 7.825 0 14.054 2.635 18.516 7.836 4.484 5.228 6.76 13.03 6.76 23.196 0 10.291-2.14 18.196-6.36 23.484-4.191 5.248-10.493 7.914-18.732 7.914m1.003-80.885c-15.627 0-28.039 4.579-36.889 13.61-8.844 9.032-13.328 21.531-13.328 37.153 0 14.838 4.377 26.773 13.011 35.468 8.634 8.698 20.384 13.104 34.921 13.104 15.148 0 27.313-4.643 36.159-13.799 8.845-9.146 13.326-21.527 13.326-36.784 0-15.07-4.205-27.094-12.502-35.731-8.301-8.641-19.977-13.021-34.698-13.021m-86.602 0c-10.63 0-19.423 2.719-26.14 8.08-6.758 5.393-10.186 12.466-10.186 21.025 0 4.449.74 8.401 2.196 11.753 1.465 3.363 3.732 6.324 6.744 8.809 2.989 2.465 7.603 5.047 13.717 7.674 5.14 2.115 8.973 3.904 11.408 5.314 2.38 1.382 4.069 2.771 5.023 4.124.927 1.324 1.397 3.136 1.397 5.372 0 6.367-4.768 9.465-14.579 9.465-3.639 0-7.79-.76-12.337-2.258a46.347 46.347 0 0 1-12.634-6.406l-.937-.672v21.727l.344.16c3.193 1.474 7.219 2.717 11.964 3.695 4.736.979 9.039 1.477 12.777 1.477 11.535 0 20.824-2.732 27.602-8.125 6.821-5.43 10.278-12.67 10.278-21.525 0-6.388-1.861-11.866-5.529-16.284-3.643-4.382-9.966-8.405-18.785-11.961-7.026-2.82-11.527-5.161-13.384-6.958-1.79-1.736-2.699-4.191-2.699-7.3 0-2.756 1.122-4.964 3.425-6.752 2.321-1.797 5.552-2.711 9.604-2.711 3.76 0 7.607.594 11.433 1.758 3.823 1.164 7.181 2.723 9.984 4.63l.922.63v-20.61l-.354-.152c-2.586-1.109-5.996-2.058-10.138-2.828-4.123-.765-7.863-1.151-11.116-1.151m-95.157 80.885c-8.189 0-14.649-2.716-19.199-8.066-4.58-5.377-6.896-13.041-6.896-22.783 0-10.049 2.319-17.914 6.901-23.386 4.55-5.436 10.945-8.195 19.013-8.195 7.822 0 14.051 2.635 18.514 7.836 4.485 5.228 6.76 13.03 6.76 23.196 0 10.291-2.141 18.196-6.361 23.484-4.191 5.248-10.49 7.914-18.732 7.914m1.006-80.885c-15.631 0-28.044 4.579-36.889 13.61-8.844 9.032-13.331 21.531-13.331 37.153 0 14.844 4.38 26.773 13.014 35.468 8.634 8.698 20.383 13.104 34.92 13.104 15.146 0 27.314-4.643 36.16-13.799 8.843-9.146 13.326-21.527 13.326-36.784 0-15.07-4.206-27.094-12.505-35.731-8.303-8.641-19.977-13.021-34.695-13.021M602.409 98.07V81.658h-22.292v94.767h22.292v-48.477c0-8.243 1.869-15.015 5.557-20.13 3.641-5.054 8.493-7.615 14.417-7.615 2.008 0 4.262.331 6.703.986 2.416.651 4.166 1.358 5.198 2.102l.937.679V81.496l-.361-.155c-2.076-.882-5.013-1.327-8.729-1.327-5.602 0-10.615 1.8-14.909 5.344-3.769 3.115-6.493 7.386-8.576 12.712h-.237zm-62.213-18.695c-10.227 0-19.349 2.193-27.108 6.516-7.775 4.333-13.788 10.519-17.879 18.385-4.073 7.847-6.141 17.013-6.141 27.235 0 8.954 2.005 17.171 5.968 24.413 3.965 7.254 9.577 12.929 16.681 16.865 7.094 3.931 15.293 5.924 24.371 5.924 10.594 0 19.639-2.118 26.891-6.295l.293-.168v-20.423l-.937.684c-3.285 2.393-6.956 4.303-10.906 5.679-3.94 1.375-7.532 2.07-10.682 2.07-8.747 0-15.769-2.737-20.866-8.133-5.108-5.403-7.698-12.99-7.698-22.537 0-9.607 2.701-17.389 8.024-23.131 5.307-5.725 12.342-8.629 20.908-8.629 7.327 0 14.467 2.481 21.222 7.381l.935.679V84.371l-.302-.17c-2.542-1.423-6.009-2.598-10.313-3.489-4.286-.889-8.478-1.337-12.461-1.337m-66.481 2.284h-22.292v94.766h22.292V81.659zm-10.918-40.371c-3.669 0-6.869 1.249-9.498 3.724-2.64 2.482-3.979 5.607-3.979 9.295 0 3.63 1.323 6.698 3.938 9.114 2.598 2.409 5.808 3.63 9.54 3.63 3.731 0 6.953-1.221 9.582-3.626 2.646-2.42 3.988-5.487 3.988-9.118 0-3.559-1.306-6.652-3.879-9.195-2.571-2.538-5.833-3.824-9.692-3.824m-55.62 33.379v101.758h22.75V44.189H398.44l-40.022 98.221-38.839-98.221H286.81v132.235h21.379V74.657h.734l41.013 101.768h16.134l40.373-101.758h.734zM104.868 104.868H0V0h104.868v104.868zM220.654 104.868H115.788V0h104.866v104.868zM104.865 220.695H0V115.828h104.865v104.867zM220.654 220.695H115.788V115.828h104.866v104.867z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="484" viewBox="0 0 426.4 82.5" class="w-100 h-auto" data-v-8bc60722=""><g fill="currentColor"><path d="M33.4 13c-5 0-6.5 2.2-6.5 7.1v8.1h13.4L39 41.4H26.9v39.9H10.8V41.4H0V28.3h10.8v-7.9C10.8 7 16.2 0 31.1 0c3.1 0 6.3.2 9.4.6V13M41.4 53.1c0-14.8 7-26 21.8-26 8 0 12.9 4.1 15.3 9.3v-8.1h15.4v53.1H78.4v-8c-2.2 5.1-7.3 9.1-15.3 9.1-14.7 0-21.8-11.1-21.8-26m16.2.2c0 7.9 2.9 13.2 10.4 13.2 6.6 0 9.9-4.8 9.9-12.4v-5.4c0-7.6-3.4-12.4-9.9-12.4-7.5 0-10.4 5.2-10.4 13.2v3.8zM127.3 27.1c6.2 0 12.2 1.3 15.4 3.6l-3.6 11.4c-3.3-1.6-7-2.4-10.7-2.4-8.7 0-12.5 5-12.5 13.6v3.1c0 8.6 3.8 13.6 12.5 13.6 3.7 0 7.4-.9 10.7-2.5l3.6 11.4c-3.2 2.2-9.1 3.6-15.4 3.6-18.9 0-27.4-10.1-27.4-26.4v-2.5c0-16.3 8.5-26.5 27.4-26.5M144.8 56.8v-4.7c0-15.1 8.6-25 26.1-25 16.5 0 23.8 10 23.8 24.8v8.5h-33.8c.3 7.3 3.6 10.5 12.5 10.5 5.8 0 11.6-1.1 17.1-3.2l2.9 11c-4.2 2.2-12.9 3.9-20.6 3.9-20.4-.1-28-10.2-28-25.8m16.1-7h19.4v-1.3c0-5.8-2.3-10.4-9.4-10.4-7.2 0-10 4.6-10 11.7M254.3 56.5c0 14.8-7.1 26-21.9 26-8 0-13.6-4-15.8-9.1v8h-15.2V1.6L217.5.2v35.5c2.3-4.7 7.5-8.5 15-8.5 14.7 0 21.9 11.1 21.9 26m-16.2-.4c0-7.5-2.9-13.1-10.6-13.1-6.6 0-10.1 4.7-10.1 12.3v5.6c0 7.6 3.6 12.3 10.1 12.3 7.7 0 10.6-5.6 10.6-13.1v-4zM259.6 56.1v-2.7c0-15.3 8.7-26.3 26.4-26.3s26.4 11 26.4 26.3v2.7c0 15.3-8.7 26.3-26.4 26.3s-26.4-10.9-26.4-26.3m36.8-3.8c0-7-2.9-12.6-10.4-12.6s-10.4 5.6-10.4 12.6v5c0 7 2.9 12.6 10.4 12.6s10.4-5.6 10.4-12.6v-5zM317.9 56.1v-2.7c0-15.3 8.7-26.3 26.4-26.3s26.4 11 26.4 26.3v2.7c0 15.3-8.7 26.3-26.4 26.3s-26.4-10.9-26.4-26.3m36.8-3.8c0-7-2.9-12.6-10.4-12.6s-10.4 5.6-10.4 12.6v5c0 7 2.9 12.6 10.4 12.6s10.4-5.6 10.4-12.6v-5zM392.8 53.6l15.9-25.4h17l-16.6 26.3 17.3 26.9h-17.1l-16.5-26v26h-16V1.6l16-1.5"></path></g></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="750" viewBox="163.5 263.1 285 85.8" class="w-100 h-auto" data-v-8bc60722=""><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M340.3 330.2c-16.5 12.2-40.5 18.7-61.2 18.7-29 0-55-10.7-74.8-28.5-1.5-1.4-.2-3.3 1.7-2.2 21.3 12.4 47.6 19.8 74.8 19.8 18.3 0 38.5-3.8 57.1-11.7 2.8-1.1 5.1 1.9 2.4 3.9z"></path><path d="M347.2 322.3c-2.1-2.7-14-1.3-19.3-.6-1.6.2-1.9-1.2-.4-2.2 9.5-6.7 25-4.7 26.8-2.5s-.5 17.8-9.4 25.2c-1.4 1.1-2.7.5-2.1-1 2-5 6.5-16.1 4.4-18.9zM328.2 272.5V266c0-1 .7-1.6 1.6-1.6h29c.9 0 1.7.7 1.7 1.6v5.5c0 .9-.8 2.1-2.2 4.1l-15 21.4c5.6-.1 11.5.7 16.5 3.5 1.1.6 1.4 1.6 1.5 2.5v6.9c0 1-1 2.1-2.1 1.5-8.9-4.7-20.8-5.2-30.6.1-1 .5-2.1-.5-2.1-1.5v-6.6c0-1 0-2.8 1.1-4.4l17.4-24.9h-15.1c-.9 0-1.7-.7-1.7-1.6zm-105.7 40.3h-8.8c-.8-.1-1.5-.7-1.6-1.5v-45.2c0-.9.8-1.6 1.7-1.6h8.2c.9 0 1.5.7 1.6 1.5v5.9h.2c2.1-5.7 6.2-8.4 11.6-8.4 5.5 0 9 2.7 11.4 8.4 2.1-5.7 7-8.4 12.2-8.4 3.7 0 7.7 1.5 10.2 5 2.8 3.8 2.2 9.3 2.2 14.2v28.6c0 .9-.8 1.6-1.7 1.6H261c-.9-.1-1.6-.8-1.6-1.6v-24c0-1.9.2-6.7-.2-8.5-.7-3-2.6-3.9-5.2-3.9-2.1 0-4.4 1.4-5.3 3.7s-.8 6.1-.8 8.7v24c0 .9-.8 1.6-1.7 1.6h-8.8c-.9-.1-1.6-.8-1.6-1.6v-24c0-5 .8-12.5-5.4-12.5-6.3 0-6.1 7.2-6.1 12.5v24c-.1.8-.8 1.5-1.8 1.5zm163-49.3c13.1 0 20.2 11.2 20.2 25.5 0 13.8-7.8 24.8-20.2 24.8-12.8 0-19.8-11.2-19.8-25.2-.1-14.1 7-25.1 19.8-25.1zm0 9.3c-6.5 0-6.9 8.9-6.9 14.4s-.1 17.3 6.8 17.3c6.8 0 7.2-9.5 7.2-15.3 0-3.8-.2-8.4-1.3-12-1-3.2-3-4.4-5.8-4.4zm37.1 40h-8.8c-.9-.1-1.6-.8-1.6-1.6v-45.3c.1-.8.8-1.5 1.7-1.5h8.2c.8 0 1.4.6 1.6 1.3v6.9h.2c2.5-6.2 5.9-9.1 12-9.1 3.9 0 7.8 1.4 10.3 5.3 2.3 3.6 2.3 9.7 2.3 14.1v28.5c-.1.8-.8 1.4-1.7 1.4H438c-.8-.1-1.5-.7-1.6-1.4v-24.6c0-5 .6-12.2-5.5-12.2-2.1 0-4.1 1.4-5.1 3.6-1.2 2.8-1.4 5.5-1.4 8.6v24.4c-.1.9-.9 1.6-1.8 1.6zm-117.5-21.6c0 3.4.1 6.3-1.6 9.4-1.4 2.5-3.6 4-6.1 4-3.4 0-5.4-2.6-5.4-6.4 0-7.5 6.7-8.9 13.1-8.9zm8.9 21.5c-.6.5-1.4.6-2.1.2-2.9-2.4-3.5-3.6-5.1-5.9-4.8 4.9-8.3 6.4-14.5 6.4-7.4 0-13.2-4.6-13.2-13.7 0-7.2 3.9-12 9.4-14.4 4.8-2.1 11.5-2.5 16.6-3.1v-1.1c0-2.1.2-4.6-1.1-6.4-1.1-1.6-3.1-2.3-4.9-2.3-3.4 0-6.4 1.7-7.1 5.3-.2.8-.7 1.6-1.5 1.6l-8.5-.9c-.7-.2-1.5-.7-1.3-1.8 2-10.4 11.3-13.5 19.7-13.5 4.3 0 9.9 1.1 13.3 4.4 4.3 4 3.9 9.4 3.9 15.2v13.7c0 4.1 1.7 5.9 3.3 8.2.6.8.7 1.8 0 2.3-1.9 1.5-5.1 4.3-6.9 5.8zm-124.4-21.5c0 3.4.1 6.3-1.6 9.4-1.4 2.5-3.6 4-6.1 4-3.4 0-5.4-2.6-5.4-6.4 0-7.5 6.7-8.9 13.1-8.9zm8.8 21.5c-.6.5-1.4.6-2.1.2-2.9-2.4-3.5-3.6-5.1-5.9-4.8 4.9-8.3 6.4-14.5 6.4-7.4 0-13.2-4.6-13.2-13.7 0-7.2 3.9-12 9.4-14.4 4.8-2.1 11.5-2.5 16.6-3.1v-1.1c0-2.1.2-4.6-1.1-6.4-1.1-1.6-3.1-2.3-4.9-2.3-3.4 0-6.4 1.7-7.1 5.3-.2.8-.7 1.6-1.5 1.6l-8.5-.9c-.7-.2-1.5-.7-1.3-1.8 2-10.4 11.3-13.5 19.7-13.5 4.3 0 9.9 1.1 13.3 4.4 4.3 4 3.9 9.4 3.9 15.2v13.7c0 4.1 1.7 5.9 3.3 8.2.6.8.7 1.8 0 2.3-1.9 1.5-5.1 4.3-6.9 5.8z"></path></g></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="676" viewBox="0 0 1024 276.742" alt="netflix" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M140.803 258.904c-15.404 2.705-31.079 3.516-47.294 5.676L44.051 119.724v151.073C28.647 272.418 14.594 274.58 0 276.742V0h41.08l56.212 157.021V0h43.511zm85.131-157.558c16.757 0 42.431-.811 57.835-.811v43.24c-19.189 0-41.619 0-57.835.811v64.322c25.405-1.621 50.809-3.785 76.482-4.596v41.617l-119.724 9.461V0h119.724v43.241h-76.482zm237.284-58.104h-44.862V242.15c-14.594 0-29.188 0-43.239.539V43.242h-44.862V0H463.22l-.002 43.242zm70.266 55.132h59.187v43.24h-59.187v98.104h-42.433V0h120.808v43.241h-78.375zm148.641 103.507c24.594.539 49.456 2.434 73.51 3.783v42.701c-38.646-2.434-77.293-4.863-116.75-5.676V0h43.24zm109.994 49.457c13.783.812 28.377 1.623 42.43 3.242V0h-42.43zM1024 0l-54.863 131.615L1024 276.742c-16.217-2.162-32.432-5.135-48.648-7.838l-31.078-79.994-31.617 73.51c-15.678-2.705-30.812-3.516-46.484-5.678l55.672-126.75L871.576 0h46.482l28.377 72.699L976.705 0H1024z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="1045" preserveAspectRatio="xMidYMid" viewBox="0 0 512 214" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M35.982 83.484c0-5.546 4.551-7.68 12.09-7.68 10.808 0 24.461 3.272 35.27 9.103V51.484c-11.804-4.693-23.466-6.542-35.27-6.542C19.2 44.942 0 60.018 0 85.192c0 39.252 54.044 32.995 54.044 49.92 0 6.541-5.688 8.675-13.653 8.675-11.804 0-26.88-4.836-38.827-11.378v33.849c13.227 5.689 26.596 8.106 38.827 8.106 29.582 0 49.92-14.648 49.92-40.106-.142-42.382-54.329-34.845-54.329-50.774zm96.142-66.986-34.702 7.395-.142 113.92c0 21.05 15.787 36.551 36.836 36.551 11.662 0 20.195-2.133 24.888-4.693V140.8c-4.55 1.849-27.022 8.391-27.022-12.658V77.653h27.022V47.36h-27.022l.142-30.862zm71.112 41.386L200.96 47.36h-30.72v124.444h35.556V87.467c8.39-10.951 22.613-8.96 27.022-7.396V47.36c-4.551-1.707-21.191-4.836-29.582 10.524zm38.257-10.524h35.698v124.444h-35.698V47.36zm0-10.809 35.698-7.68V0l-35.698 7.538V36.55zm109.938 8.391c-13.938 0-22.898 6.542-27.875 11.094l-1.85-8.818h-31.288v165.83l35.555-7.537.143-40.249c5.12 3.698 12.657 8.96 25.173 8.96 25.458 0 48.64-20.48 48.64-65.564-.142-41.245-23.609-63.716-48.498-63.716zm-8.533 97.991c-8.391 0-13.37-2.986-16.782-6.684l-.143-52.765c3.698-4.124 8.818-6.968 16.925-6.968 12.942 0 21.902 14.506 21.902 33.137 0 19.058-8.818 33.28-21.902 33.28zM512 110.08c0-36.409-17.636-65.138-51.342-65.138-33.85 0-54.33 28.73-54.33 64.854 0 42.808 24.179 64.426 58.88 64.426 16.925 0 29.725-3.84 39.396-9.244v-28.445c-9.67 4.836-20.764 7.823-34.844 7.823-13.796 0-26.027-4.836-27.591-21.618h69.547c0-1.85.284-9.245.284-12.658zm-70.258-13.511c0-16.071 9.814-22.756 18.774-22.756 8.675 0 17.92 6.685 17.92 22.756h-36.694z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="555" viewBox="1 0 657.2 145.7" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="m643.7 0-35.9 76.8-13.5-29.1h-14.6l22.2 47.6h11.8L658.2 0zM489.7 142.6h28.9V89.7c0-12.1 7-20.6 17.4-20.6 10 0 15.2 7 15.2 17.1v56.4h28.9V80.7c0-21-12.6-35.8-33-35.8-13 0-22.1 5.6-28.9 15.8h-.6v-13h-28zm-56.8-97.5c-30.2 0-50.4 21.7-50.4 50.3 0 28.4 20.2 50.3 50.4 50.3s50.4-21.9 50.4-50.3c.1-28.6-20.2-50.3-50.4-50.3zm-.2 79.2c-13.7 0-21-11.5-21-28.9 0-17.6 7.2-28.9 21-28.9 13.7 0 21.3 11.3 21.3 28.9.1 17.4-7.5 28.9-21.3 28.9zm-132.6 18.3h81.2v-22.8h-46v-.6l44-49.3V47.6h-79.2v22.9h44.5v.6l-44.5 49.7zm-37.1 0h29.1V47.7H263zm-67.5 0h29V99c0-19.8 11.9-28.6 30-26.1h.6v-25c-1.5-.6-3.2-.7-5.9-.7-11.3 0-18.9 5.2-25.4 16.3h-.6V47.7h-27.7zm-53.2-18.2c-12.8 0-20.6-8.3-22.1-21.1h68.4c.2-20.4-5.2-36.7-16.5-46.9-8-7.4-18.5-11.5-31.9-11.5-28.6 0-48.4 21.7-48.4 50.1 0 28.6 18.9 50.4 50.3 50.4 11.9 0 21.3-3.2 29.1-8.5 8.3-5.7 14.3-14.1 15.9-22.4h-27.8c-2.7 6.2-8.5 9.9-17 9.9zm-1.5-58.8c10.2 0 17.2 7.6 18.4 18.7h-38.8c2.3-11.2 8.4-18.7 20.4-18.7zM34 142.6h30.4l33-94.9H68.3l-18.5 61h-.4l-18.5-61H1zM263 13.9h29.1v25.8H263z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678 103.4" class="w-100 h-auto" data-v-8bc60722=""><g fill="currentColor"><path d="m291.3 95.6-29.7-82.7c-.4-1.1-.9-2.7-.9-4 0-3.6 3-7 7.4-7 3.8 0 6.3 2.5 7.4 6l24.6 71.2 24.8-71.4c1.1-3.4 3.4-5.8 7.2-5.8h.8c4 0 6.4 2.5 7.6 5.8L365.1 79l25-71.6c1-3 3-5.7 7-5.7 4.2 0 7.2 3.2 7.2 6.8 0 1.3-.6 2.8-.9 4l-29.9 82.8c-1.5 4.3-4.5 6.6-8 6.6h-.6c-3.8 0-6.6-2.3-8-6.6l-24.4-70.2-24.6 70.2c-1.3 4.3-4.2 6.6-7.9 6.6h-.4c-3.8.3-6.8-2-8.3-6.3M507.7 9c0-4 3.2-7.4 7.2-7.4 4.2 0 7.4 3.2 7.4 7.4v16.8c7.2-16.3 23.1-24 33.7-24 4.4 0 7.2 3.2 7.2 7.4 0 4-2.7 6.8-6.5 7.4-18.9 2.3-34.5 16.5-34.5 44.7v33.2c0 4-3 7.4-7.2 7.4s-7.4-3.2-7.4-7.4zM610 102.8c-26.4 0-47.9-20.4-47.9-50.4V52c0-27.9 19.5-50.4 46-50.4 28.4 0 44.6 23.4 44.6 49.1 0 3.9-3.2 6.8-6.7 6.8h-69.4c2 21 16.7 32.8 33.8 32.8 11.9 0 20.6-4.7 27.7-11.3 1.1-.9 2.4-1.7 4.1-1.7 3.5 0 6.3 2.8 6.3 6.2 0 1.7-.7 3.4-2.2 4.7-9.2 8.7-20 14.6-36.3 14.6m28.4-56.1c-1.5-17.6-11.5-33-30.6-33-16.7 0-29.3 14-31.2 33zM404.2 72.5v-.4c0-20.6 17-31.5 41.7-31.5 12.5 0 21.3 1.7 30.1 4.2v-3.4c0-17.6-10.8-26.6-29.1-26.6-9.8 0-15.5 1.3-22.7 4.5-.9.4-1.9.6-2.6.6-3.4 0-6.4-2.8-6.4-6.2 0-3 1.3-4.9 4-6.1 9.6-4.2 16.9-5.6 29.3-5.6 13.8 0 24.4 3.6 31.5 10.8 6.6 6.6 10 16.1 10 28.5v53.9c0 4.1-3 7.2-7 7.2-4.1 0-6.9-3-6.9-6.8v-9.3c-6.8 8.9-18.2 16.8-35.3 16.8-18.2-.2-36.6-10.6-36.6-30.6m72-7.6v-9.4c-7.2-2.1-16.8-4.2-28.7-4.2-18.3 0-28.5 7.9-28.5 20.2v.4c0 12.3 11.3 19.5 24.6 19.5 17.9 0 32.6-11 32.6-26.5M26.7 8.2C23.5 1.2 15.6-2 8.2 1.3S-1.9 12.8 1.4 19.8l31 67.4c4.9 10.6 10 16.1 19.7 16.1 10.3 0 14.8-6 19.7-16.1 0 0 27-58.9 27.3-59.5s1.1-2.5 3.9-2.5c2.3 0 4.3 1.9 4.3 4.4v57.6c0 8.9 4.9 16.2 14.4 16.2s14.6-7.3 14.6-16.2V40.1c0-9.1 6.5-15 15.4-15s14.8 6.1 14.8 15v47.1c0 8.9 4.9 16.2 14.4 16.2s14.6-7.3 14.6-16.2V40.1c0-9.1 6.5-15 15.4-15s14.8 6.1 14.8 15v47.1c0 8.9 4.9 16.2 14.4 16.2s14.6-7.3 14.6-16.2V33.6c0-19.7-15.8-33.5-34.9-33.5-19 0-31 13.2-31 13.2C182.5 5 173.7 0 158.9 0c-15.6 0-29.3 13.2-29.3 13.2C123.3 5 112.5 0 103.5 0 89.7.1 78.7 6.2 72 21.5L52.2 68.2zm627.1 5.5c0-6.7 5.3-12.2 12.1-12.2s12.1 5.4 12.1 12v.1c0 6.6-5.3 12.2-12.1 12.2s-12.1-5.5-12.1-12.1m21.9-.1c0-5.5-4.2-9.9-9.8-9.9-5.5 0-9.8 4.5-9.8 9.9v.1c0 5.4 4.2 9.9 9.8 9.9 5.5 0 9.8-4.6 9.8-10"></path><path d="M661.3 8.9c0-.7.6-1.3 1.3-1.3h4c1.5 0 2.7.4 3.4 1.2.7.6 1 1.6 1 2.7 0 1.8-.9 3-2.3 3.6l1.8 2.2c.2.3.4.6.4 1 0 .7-.6 1.2-1.2 1.2s-1-.3-1.3-.7l-2.5-3.2h-2.1v2.5c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3zm5.2 4.4c1.3 0 1.9-.7 1.9-1.7 0-1.1-.7-1.7-2-1.7h-2.6v3.4z"></path></g></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="1002" viewBox="0.1 0.1 299.8 120.125" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M38.867 26.309C17.721 26.309.1 35.279.1 62.345c0 21.442 11.849 34.944 39.312 34.944 32.326 0 34.398-21.294 34.398-21.294H58.147s-3.358 11.466-19.69 11.466c-13.302 0-22.869-8.986-22.869-21.58h59.861v-7.904c0-12.46-7.91-31.668-36.582-31.668zM38.32 36.41c12.662 0 21.294 7.757 21.294 19.383h-43.68c0-12.343 11.268-19.383 22.386-19.383z"></path><path fill="currentColor" d="M75.438.1v83.597c0 4.745-.339 11.408-.339 11.408h14.939s.537-4.785.537-9.159c0 0 7.381 11.548 27.451 11.548 21.134 0 35.49-14.674 35.49-35.695 0-19.557-13.186-35.286-35.456-35.286-20.854 0-27.334 11.261-27.334 11.261V.1H75.438zm38.766 36.753c14.352 0 23.479 10.652 23.479 24.946 0 15.328-10.541 25.355-23.376 25.355-15.318 0-23.581-11.961-23.581-25.219 0-12.354 7.414-25.082 23.478-25.082z"></path><path fill="currentColor" d="M190.645 26.309c-31.812 0-33.852 17.418-33.852 20.202h15.834s.83-10.169 16.926-10.169c10.459 0 18.564 4.788 18.564 13.991v3.276h-18.564c-24.645 0-37.674 7.21-37.674 21.841 0 14.398 12.038 22.232 28.307 22.232 22.172 0 29.314-12.251 29.314-12.251 0 4.873.375 9.675.375 9.675h14.076s-.545-5.952-.545-9.76V52.432c0-21.582-17.408-26.123-32.761-26.123zm17.472 37.128v4.368c0 5.697-3.516 19.861-24.212 19.861-11.333 0-16.192-5.656-16.192-12.217 0-11.935 16.363-12.012 40.404-12.012z"></path><path fill="currentColor" d="M214.879 29.041h17.813l25.565 51.218 25.506-51.218H299.9l-46.459 91.184h-16.927l13.406-25.419-35.041-65.765z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="476" viewBox="0 0 640 121.834" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M371.094 94.486h-40.466V71.772h40.488c6.657.11 12.031 5.091 12.031 11.314s-5.395 11.4-12.053 11.4M330.628 27.89h39.77c5.44.065 10.051 4.265 10.051 9.769 0 5.482-4.83 9.855-10.29 9.79h-39.531zm63.332 31.764c7.484-5.265 10.312-13.989 10.312-23.583 0-18.058-15.207-32.526-33.852-32.526h-67.531v115.286h70.185v.045c19.711 0 36.115-15.208 36.115-33.831 0-12.14-7.31-21.125-15.229-25.39m104.147-56.37v64.812c0 19.82-11.575 28.13-25.803 28.13-14.25 0-25.738-8.289-25.738-28.109V3.285h-28.74v65.008c0 41.467 24.367 53.541 54.478 53.541 30.132 0 54.52-12.074 54.52-53.541V3.285zm100.84 44.927c-23.258-5.048-31.112-7.289-31.112-14.664 0-6.505 8.42-9.79 21.713-9.79 12.553 0 27.717 5.352 36.615 10.682l9.072-23.453C621.747 5.374 605.517 0 584.065 0c-28.13 0-45.688 16.448-45.688 36.55 0 20.125 14.468 28.98 43.143 35.05 22.234 4.699 28.26 7.527 28.26 14.446s-8.92 9.463-20.972 9.463c-15.6 0-30.611-5.2-44.753-11.27l-8.55 22.865c16.905 7.833 34.462 14.12 55.391 14.12 34.875 0 49.104-16.665 49.104-36.093 0-17.275-11.966-30.59-41.054-36.92M58.241 3.545 0 118.81l34.592.022 8.703-18.536H83.02l-12.356-25.26H54.978L69.75 43.512l37.203 75.32h34.68L81.128 3.545zm234.01 38.335c0-20.995-14.403-38.03-44.014-38.03H188.43v115.286l27.717-.023V28.194h34.005c10.051 0 14.228 6.223 14.228 13.62 0 7.419-4.394 13.358-14.446 13.358h-23.78l35.986 63.941h28.457s-24.628-41.793-24.498-41.815c17.775-5.526 26.151-18.993 26.151-35.419m-144.678 76.995h28.674V3.61h-28.674z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="475" viewBox="0 0 946.4 179.7" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M578.2 34v118h33.3V34zm-262-.2v118.1h33.6V60.2l26.2.1c8.6 0 14.6 2.1 18.7 6.5 5.3 5.6 7.4 14.7 7.4 31.2v53.9h32.6V86.7c0-46.6-29.7-52.9-58.7-52.9zm315.7.2v118h54c28.8 0 38.2-4.8 48.3-15.5 7.2-7.5 11.8-24.1 11.8-42.2 0-16.6-3.9-31.4-10.8-40.6C723 37.2 705.2 34 678.6 34zm33 25.6h14.3c20.8 0 34.2 9.3 34.2 33.5s-13.4 33.6-34.2 33.6h-14.3zM530.2 34l-27.8 93.5L475.8 34h-36l38 118h48l38.4-118zm231.4 118h33.3V34h-33.3zM855 34l-46.5 117.9h32.8l7.4-20.9h55l7 20.8h35.7L899.5 34zm21.6 21.5 20.2 55.2h-41zM101.3 53.6V37.4c1.6-.1 3.2-.2 4.8-.2 44.4-1.4 73.5 38.2 73.5 38.2S148.2 119 114.5 119c-4.5 0-8.9-.7-13.1-2.1V67.7c17.3 2.1 20.8 9.7 31.1 27l23.1-19.4s-16.9-22.1-45.3-22.1c-3-.1-6 .1-9 .4m0-53.6v24.2l4.8-.3c61.7-2.1 102 50.6 102 50.6s-46.2 56.2-94.3 56.2c-4.2 0-8.3-.4-12.4-1.1v15c3.4.4 6.9.7 10.3.7 44.8 0 77.2-22.9 108.6-49.9 5.2 4.2 26.5 14.3 30.9 18.7-29.8 25-99.3 45.1-138.7 45.1-3.8 0-7.4-.2-11-.6v21.1h170.2V0H101.3zm0 116.9v12.8c-41.4-7.4-52.9-50.5-52.9-50.5s19.9-22 52.9-25.6v14h-.1c-17.3-2.1-30.9 14.1-30.9 14.1s7.7 27.3 31 35.2M27.8 77.4s24.5-36.2 73.6-40V24.2C47 28.6 0 74.6 0 74.6s26.6 77 101.3 84v-14c-54.8-6.8-73.5-67.2-73.5-67.2z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="327" preserveAspectRatio="xMidYMid" viewBox="0 0 512 67" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M221.034 43.303h33.832l-17.889-28.781-32.833 52.037h-14.942l39.935-62.508c1.736-2.525 4.63-4.051 7.84-4.051 3.104 0 5.998 1.473 7.682 3.946l40.093 62.613H269.81l-7.05-11.628h-34.253l-7.472-11.628zM376.251 54.93V.631h-12.68v59.614c0 1.631.631 3.21 1.841 4.42s2.841 1.894 4.63 1.894h57.825l7.472-11.628H376.25zm-209.78-9.734c12.313 0 22.31-9.944 22.31-22.256 0-12.313-9.997-22.31-22.31-22.31h-55.473v65.93h12.676v-54.3h41.956c5.893 0 10.628 4.789 10.628 10.682 0 5.892-4.735 10.68-10.628 10.68l-35.747-.052 37.851 32.99h18.416l-25.466-21.362h5.788zM32.97 66.559C14.77 66.56 0 51.827 0 33.622 0 15.416 14.77.632 32.97.632h38.32c18.204 0 32.963 14.784 32.963 32.99 0 18.205-14.759 32.937-32.964 32.937H32.97zm37.468-11.628c11.791 0 21.341-9.524 21.341-21.31 0-11.785-9.55-21.361-21.341-21.361h-36.62c-11.787 0-21.342 9.576-21.342 21.362 0 11.785 9.555 21.309 21.341 21.309h36.62zm240.78 11.628c-18.204 0-32.99-14.732-32.99-32.937 0-18.206 14.786-32.99 32.99-32.99h45.514l-7.42 11.628H312.06c-11.786 0-21.362 9.576-21.362 21.362 0 11.785 9.576 21.309 21.362 21.309h45.723l-7.472 11.628h-39.093zm155.06-11.628c-9.734 0-17.995-6.524-20.52-15.522h54.194l7.471-11.628h-61.665c2.525-8.945 10.786-15.521 20.52-15.521h37.2L511 .63h-45.565c-18.205 0-32.99 14.785-32.99 32.99 0 18.206 14.785 32.938 32.99 32.938h39.094L512 54.931h-45.723z"></path></svg></div><div class="mx-5 py-3 d-inline-block align-middle" style="max-width:100px;" data-v-8bc60722=""><svg xmlns="http://www.w3.org/2000/svg" width="2500" height="830" viewBox="0 0 200.777 66.659" class="w-100 h-auto" data-v-8bc60722=""><path fill="currentColor" d="M200.653 15.87C197.923.194 150.822-4.698 95.446 4.943 72.19 8.994 51.191 14.969 34.838 21.691c2.512.055 4.375.631 5.507 1.76.885.886 1.332 2.102 1.332 3.617v1.555h-5.43V27.25c0-1.144-.686-1.853-1.901-1.853-1.021 0-1.65.461-1.853 1.369a2.63 2.63 0 0 0 .022 1.084c.581 2.375 8.644 3.85 9.521 8.233.115.564.271 1.771.025 3.498-.503 3.535-3.609 4.899-7.563 4.899-5.519 0-7.761-2.614-7.761-6.218l.004-1.705h5.821l.003 2.124c0 1.194.868 1.853 2.05 1.853 1.12 0 1.774-.451 2-1.373.105-.424.151-1.049-.04-1.527-1.077-2.702-8.606-3.964-9.533-8.333-.207-.982-.224-1.818-.052-2.875a5.606 5.606 0 0 1 .482-1.511C9.333 33.398-1.278 42.732.124 50.791c2.733 15.678 49.833 20.565 105.208 10.924 24.342-4.237 46.226-10.58 62.881-17.688-.241.012-.475.038-.725.038-3.79 0-7.174-1.42-7.525-5.294-.062-.705-.073-1-.075-1.402l.002-8.906c0-.384.045-1.058.088-1.406.449-3.744 3.409-5.288 7.512-5.288 3.175 0 7.068.911 7.496 5.291.057.55.051 1.137.05 1.33v.841h-5.484v-1.255c0-.027-.008-.496-.068-.789-.09-.447-.471-1.483-2.033-1.483-1.543 0-1.943 1.038-2.043 1.484-.057.245-.084.597-.084.987v9.679c-.005.336.012.599.046.792.027.152.304 1.486 2.1 1.486 1.783 0 2.059-1.334 2.084-1.486.047-.262.053-.574.051-.792v-2.999h-2.158v-3.23h7.631v5.746c-.002.391-.008.68-.074 1.4-.092 1.016-.412 1.876-.914 2.611 17.663-8.387 27.947-17.57 26.563-25.512zM57.065 43.653l-2.778-18.876h-.1l-2.849 18.876h-5.855l3.938-21.317h9.553l3.914 21.317h-5.823zm28.162 0-.129-18.511h-.094l-3.445 18.511h-5.495l-3.428-18.511h-.098l-.125 18.511h-5.445l.472-21.317h8.758l2.55 15.835h.125l2.557-15.835h8.754l.47 21.317h-5.427zm25.641-4.131c-.586 4.129-4.631 4.851-7.49 4.851-4.747 0-7.683-2.029-7.683-6.158l.003-1.684h5.751l.004 2.098c0 1.139.803 1.836 2.043 1.836 1.106 0 1.754-.444 1.979-1.356.104-.425.147-1.045-.037-1.513-1.06-2.651-8.53-3.95-9.438-8.251-.208-.975-.223-1.803-.052-2.849.632-3.899 4.374-4.709 7.386-4.709 2.694 0 4.655.588 5.831 1.764.877.878 1.321 2.083 1.321 3.582v1.538h-5.378v-1.357c0-1.162-.721-1.834-1.88-1.834-1.028 0-1.65.457-1.854 1.356a2.59 2.59 0 0 0 .026 1.072c.576 2.364 8.568 3.809 9.443 8.151.113.554.268 1.743.025 3.463zm19.918-1.937c.008.4-.031 1.199-.053 1.404-.328 3.512-2.84 5.297-7.447 5.297-4.625 0-7.139-1.785-7.465-5.297a16.957 16.957 0 0 1-.053-1.4V22.331h5.502V38.07c-.006.352.012.612.047.793.068.35.416 1.486 1.969 1.486 1.548 0 1.896-1.137 1.969-1.482.031-.186.05-.459.05-.798V22.331h5.481v15.254zm23.705 5.851h-7.656l-5.139-16.885h-.086l.285 16.885h-5.336v-21.1h7.977l4.75 16.22h.111l-.281-16.22h5.375v21.1z"></path></svg></div></div><div class="mt-3 d-flex align-items-center justify-content-center" data-v-624c05be=""><p class="font-size-13 text-text-3 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-624c05be=""> * PlayCode has users with official emails from these companies. </p></div></div></div><div class="py-10 bg-bg-2"><div class="py-10 container-max-sm pt-0" style="text-align:justify-all;"><div class="d-flex justify-content-center"><div class="mb-6 text-center font-size-24 font-weight-600 max-w-450"> About JavaScript </div></div><div class="font-size-16 text-text-2"><p class="font-size-16 text-text-2 font-weight-400"> JavaScript is one of must popular languages for web development. </p><p class="font-size-16 text-text-2 font-weight-400"> It is needed in order to make web pages alive. Today JavaScript can be run not only in the browser, but also on the server. </p></div><div class="py-10"></div><div class="d-flex justify-content-center"><div class="mb-6 text-center font-size-24 font-weight-600 max-w-450"> Why JavaScript Playground/Sandbox/Repl? </div></div><div class="font-size-16 text-text-2"><p class="font-size-16 text-text-2 font-weight-400"> Learning, practicing and prototyping is much easier right in the javascript playground, because the browser is designed to run javascript. This is the perfect coding IDE. </p><p class="font-size-16 text-text-2 font-weight-400"> In turn, PlayCode tries to use all the browser features to ensure maximum, comfortable run javascript sandbox. </p><p class="font-size-16 text-text-2 font-weight-400"> REPL - read-eval-print-loop, simple preconfigured coding environment which quickly shows javascript execution result. Just type your code and repl it. No configs or "npm install". </p><p class="font-size-16 text-text-2 font-weight-400"> So, you just open PlayCode without installing anything, write code, javascript playground runs your code instantly and shows the result. Focus on learning javascript and practicing. </p></div></div></div><div data-v-e1fcefa3=""><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-675d4243=""><div class="row" data-v-675d4243=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-675d4243=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-675d4243=""> Multiplayer </h3><div class="d-flex align-items-center justify-content-center" data-v-675d4243=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-675d4243=""> Collaborate with your team in real-time. <span class="text-text-3" data-v-675d4243="">Make coding interviews, teach students or your coworker.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-675d4243=""><div class="browser" data-v-675d4243=""><video autoplay="" loop="" muted="" playsinline="" class="w-100 lazy" style="aspect-ratio:1344/944;" data-poster="/marketing/assets/static/multiplayer.1e33b5ea.png" data-v-675d4243=""><source data-src="/marketing/assets/static/multiplayer.a88a6c8c.webm" type="video/webm" data-v-675d4243=""><source data-src="/marketing/assets/static/multiplayer.3ec46ce3.mp4" type="video/mp4" data-v-675d4243=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-2" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-c87cd317=""><div class="row" data-v-c87cd317=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-c87cd317=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-c87cd317=""> NPM Packages </h3><div class="d-flex align-items-center justify-content-center" data-v-c87cd317=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-c87cd317=""> Play with any of the 2 million NPM packages. <span class="text-text-3" data-v-c87cd317="">React, Vue, Lodash, RxJs, p5.js, three.js, etc.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-c87cd317=""><div class="browser" data-v-c87cd317=""><video autoplay="" loop="" muted="" playsinline="" class="w-100 lazy" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/packages.5c5e0137.png" data-v-c87cd317=""><source data-src="/marketing/assets/static/packages.8362df78.webm" type="video/webm" data-v-c87cd317=""><source data-src="/marketing/assets/static/packages.f63b25d1.mp4" type="video/mp4" data-v-c87cd317=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-d512709a=""><div class="row" data-v-d512709a=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-d512709a=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-d512709a=""> The Fastest Live View </h3><div class="d-flex align-items-center justify-content-center" data-v-d512709a=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-d512709a=""> See results as you type, instantly. <span class="text-text-3" data-v-d512709a="">Speed-up learning and code debugging. PlayCode is the fastest coding experience ever.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-d512709a=""><div class="browser" data-v-d512709a=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/live-view-delay.2c68a305.png" data-v-d512709a=""><source data-src="/marketing/assets/static/live-view-delay.80772b6f.webm" type="video/webm" data-v-d512709a=""><source data-src="/marketing/assets/static/live-view-delay.a5b27c8e.mp4" type="video/mp4" data-v-d512709a=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-2" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-1d63fe1f=""><div class="row" data-v-1d63fe1f=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-1d63fe1f=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-1d63fe1f=""> Code Autocomplete </h3><div class="d-flex align-items-center justify-content-center" data-v-1d63fe1f=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-1d63fe1f=""> Type code faster and easier with smart code autocomplete. <span class="text-text-3" data-v-1d63fe1f="">It helps avoid looking for documentation every time and it adds confidence in your coding abilities.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-1d63fe1f=""><div class="browser" data-v-1d63fe1f=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/editor-autocomplete.8cb991f6.png" data-v-1d63fe1f=""><source data-src="/marketing/assets/static/editor-autocomplete.51b524ad.webm" type="video/webm" data-v-1d63fe1f=""><source data-src="/marketing/assets/static/editor-autocomplete.e3b6c6fe.mp4" type="video/mp4" data-v-1d63fe1f=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="py-10 bg-bg-1" data-v-e1fcefa3="" data-v-9b963428=""><div class="py-10 container-max-lg pt-0" data-v-9b963428=""><div class="d-flex justify-content-center" data-v-9b963428=""><div class="mb-10 text-center font-size-24 font-weight-600 max-w-400" data-v-9b963428=""> Try it, PlayCode is free. </div></div><div class="row align-items-center" data-v-9b963428=""><div class="col-sm-24 text-center d-flex justify-content-center flex-wrap" data-v-9b963428=""><div class="mx-2 mb-4" data-v-9b963428=""><a href="/new" class="button-success" data-v-9b963428="" data-v-01d59b04="">Start Coding</a></div><div class="mx-2 mb-4" data-v-9b963428=""><a href="/learn" class="button-learning" data-v-9b963428=""> Start learning </a></div></div></div></div></div><div class="bg-bg-1 bg-bg-2" data-v-e1fcefa3="" data-v-44fda4ef=""><div class="py-10" data-v-44fda4ef=""></div><div class="container-max-sm" data-v-44fda4ef=""><div class="row" data-v-44fda4ef=""><div class="col-24 text-break-word" data-v-44fda4ef=""><div class="mt-10 pt-10 text-left" data-v-44fda4ef=""><div class="d-flex justify-content-center" data-v-44fda4ef=""><h3 class="text-text-2 font-size-38 mb-10 mt-0 font-weight-600 header-shadow" data-v-44fda4ef=""> Reviews </h3></div><div data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><img class="user-photo lazy" data-src="/marketing/assets/static/linda.7f06819a.jpeg" style="aspect-ratio:320/320;" data-v-44fda4ef=""></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> Linda MacDonald </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> React, vue, tailwind css at your fingertips </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> At first I didnt quite understand the value of this deal, so took it for a spin, and I immediately got hooked :) let me just start by saying this is SOOOO super sleek!! Ran a few bugs intentionally and was shown an immediate and exact description of the bug that I had created. The debug feature is worth the price alone! Then I spun up a react project within seconds, (spun up meaning I clicked a button!) and a live preview was INSTANTLY there! no npm run start or anything. and there is virtually any hot frontend framework you can think of vue.js 3 is there! and a whole range of css frameworks including my personal favorite: tailwind css. super pleased!!!!!! </div></div><div class="mt-10" data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><div class="user-photo" data-v-44fda4ef=""><div class="bg-bg-3 w-100 h-100 d-flex justify-content-center align-items-center" data-v-44fda4ef=""><div class="font-size-16" data-v-44fda4ef="">MF</div></div></div></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> MarcLaFord </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> Great for learning, testing and saving time </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> I use this for learning and testing various web technologies. Gone is the time spent setting everything up, I also get an instant live preview of my work coupled with a useful console. I work with tailwindcss, alpinejs, bootstrap and I can easily explore other technologies. The author is responsive and maintains the application. I requested some frameworks, these were subsequently added. I am glad to have this tool in my arsenal as it changes the way I now work on the web. </div></div><div class="mt-10" data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><div data-v-44fda4ef=""><img class="user-photo lazy" data-src="/marketing/assets/static/mark.2de7e58d.jpg" style="aspect-ratio:320/320;" data-v-44fda4ef=""></div></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> Emad Alhamou </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> A central place to try out code and test new ideas out </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> I need a central (online) to try out code and test new ideas out. PlayCode is simple to use, elegant, and seems to have covered all the main frameworks and libraries. </div></div><div class="mt-10" data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><div data-v-44fda4ef=""><div class="user-photo" data-v-44fda4ef=""><div class="bg-bg-3 w-100 h-100 d-flex justify-content-center align-items-center" data-v-44fda4ef=""><div class="font-size-16" data-v-44fda4ef="">K</div></div></div></div></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> Konstantin </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> Just what I am looking for </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> It's just great! Very underrated tool, extremely useful for devs and other dev enthusiasts and everyone who want to learn coding! </div></div><div class="mt-10" data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><div data-v-44fda4ef=""><div class="user-photo" data-v-44fda4ef=""><div class="bg-bg-3 w-100 h-100 d-flex justify-content-center align-items-center" data-v-44fda4ef=""><div class="font-size-16" data-v-44fda4ef="">LH</div></div></div></div></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> lewishole </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> Great and recommended </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> An attractive and useful code editor especially the subdomain feature is awesome. I would recommend people to try Playcode. Nice job, keep going! </div></div><div class="mt-10" data-v-44fda4ef=""><div class="d-flex" data-v-44fda4ef=""><div data-v-44fda4ef=""><div data-v-44fda4ef=""><div class="user-photo" data-v-44fda4ef=""><div class="bg-bg-3 w-100 h-100 d-flex justify-content-center align-items-center" data-v-44fda4ef=""><div class="font-size-16" data-v-44fda4ef="">EW</div></div></div></div></div><div class="ml-3" data-v-44fda4ef=""><div class="font-weight-600 font-size-15 text-text-3" data-v-44fda4ef=""> Evan Williams </div><div class="font-weight-600 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> Very nice experience </div></div></div><div class="font-weight-400 font-size-15 text-text-2 mt-3" data-v-44fda4ef=""> A very nice experience, a beautiful editor that meets all the needs of JavaScript, the ability to add external libraries is great, windows and customize them are one of the best features, also the most important thing is the console and showing the result in a separate window, a really great thing. I highly recommend trying it, it's worth it </div></div></div><div class="py-10" data-v-44fda4ef=""></div><div class="py-10" data-v-44fda4ef=""></div></div></div></div><div class="py-10" data-v-44fda4ef=""></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-6e407174=""><div class="row" data-v-6e407174=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-6e407174=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-6e407174=""> Emmet Shortcuts </h3><div class="d-flex align-items-center justify-content-center" data-v-6e407174=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-6e407174=""> Emmet will make your HTML &amp; CSS coding unbelievable smooth and fast. <span class="text-text-3" data-v-6e407174="">Type less work faster. You have to try it!</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-6e407174=""><div class="browser" data-v-6e407174=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/editor-emmet.f53082df.png" data-v-6e407174=""><source data-src="/marketing/assets/static/editor-emmet.ebb8d559.webm" type="video/webm" data-v-6e407174=""><source data-src="/marketing/assets/static/editor-emmet.625384cd.mp4" type="video/mp4" data-v-6e407174=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-2" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-5250e2ff=""><div class="row" data-v-5250e2ff=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-5250e2ff=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-5250e2ff=""> Bug Finder </h3><div class="d-flex align-items-center justify-content-center" data-v-5250e2ff=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-5250e2ff=""> PlayCode will find and show you all the errors and help you fix them. <span class="text-text-3" data-v-5250e2ff="">It makes the process of "write, run, fix errors, again" instant.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-5250e2ff=""><div class="browser" data-v-5250e2ff=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/editor-syntax-validation.f2fcdc05.png" data-v-5250e2ff=""><source data-src="/marketing/assets/static/editor-syntax-validation.e3f4bab7.webm" type="video/webm" data-v-5250e2ff=""><source data-src="/marketing/assets/static/editor-syntax-validation.34b50ead.mp4" type="video/mp4" data-v-5250e2ff=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-034c79a7=""><div class="row" data-v-034c79a7=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-034c79a7=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-034c79a7=""> Type Checking </h3><div class="d-flex align-items-center justify-content-center" data-v-034c79a7=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-034c79a7=""> Use the full power of TypeScript. <span class="text-text-3" data-v-034c79a7="">Catch errors early. See typings and issues in the editor. Typings install automatically.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-034c79a7=""><div class="browser" data-v-034c79a7=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/type-checking.47dfa802.png" data-v-034c79a7=""><source data-src="/marketing/assets/static/type-checking.10edebb1.webm" type="video/webm" data-v-034c79a7=""><source data-src="/marketing/assets/static/type-checking.801323b2.mp4" type="video/mp4" data-v-034c79a7=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="py-10 bg-bg-2" data-v-e1fcefa3="" data-v-9b963428=""><div class="py-10 container-max-lg pt-0" data-v-9b963428=""><div class="d-flex justify-content-center" data-v-9b963428=""><div class="mb-10 text-center font-size-24 font-weight-600 max-w-400" data-v-9b963428=""> Try it, PlayCode is free. </div></div><div class="row align-items-center" data-v-9b963428=""><div class="col-sm-24 text-center d-flex justify-content-center flex-wrap" data-v-9b963428=""><div class="mx-2 mb-4" data-v-9b963428=""><a href="/new" class="button-success" data-v-9b963428="" data-v-01d59b04="">Start Coding</a></div><div class="mx-2 mb-4" data-v-9b963428=""><a href="/learn" class="button-learning" data-v-9b963428=""> Start learning </a></div></div></div></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-d4f599b9=""><div class="row" data-v-d4f599b9=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-d4f599b9=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-d4f599b9=""> Documentation On Hover </h3><div class="d-flex align-items-center justify-content-center" data-v-d4f599b9=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-d4f599b9=""> The documentation is at your fingertips. <span class="text-text-3" data-v-d4f599b9="">No need to Open Google and constantly look for how to use this or that function.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-d4f599b9=""><div class="browser" data-v-d4f599b9=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/editor-hover.a4219139.png" data-v-d4f599b9=""><source data-src="/marketing/assets/static/editor-hover.70785b7f.webm" type="video/webm" data-v-d4f599b9=""><source data-src="/marketing/assets/static/editor-hover.3683ff0a.mp4" type="video/mp4" data-v-d4f599b9=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-2" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-de1129a6=""><div class="row" data-v-de1129a6=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-de1129a6=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-de1129a6=""> Minimap </h3><div class="d-flex align-items-center justify-content-center" data-v-de1129a6=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-de1129a6=""> Find errors instantly, even when you have 1000 lines of code. <span class="text-text-3" data-v-de1129a6="">The minimap will show all errors and warnings.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-de1129a6=""><div class="browser" data-v-de1129a6=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:1858/1334;" data-poster="/marketing/assets/static/editor-minimap.a605d825.png" data-v-de1129a6=""><source data-src="/marketing/assets/static/editor-minimap.1c5fde4d.webm" type="video/webm" data-v-de1129a6=""><source data-src="/marketing/assets/static/editor-minimap.9f81dd7e.mp4" type="video/mp4" data-v-de1129a6=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-18f5419a=""><div class="row" data-v-18f5419a=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-18f5419a=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-18f5419a=""> Preview in a New Window </h3><div class="d-flex align-items-center justify-content-center" data-v-18f5419a=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-18f5419a=""> Use the new browser window to debug the result. <span class="text-text-3" data-v-18f5419a="">Check responsive websites or use multiple monitors.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-18f5419a=""><div class="browser" data-v-18f5419a=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:2198/1336;" data-poster="/marketing/assets/static/new-window.38b1222a.png" data-v-18f5419a=""><source data-src="/marketing/assets/static/new-window.c043ca76.webm" type="video/webm" data-v-18f5419a=""><source data-src="/marketing/assets/static/new-window.0482173a.mp4" type="video/mp4" data-v-18f5419a=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="py-10 bg-bg-2" data-v-e1fcefa3="" data-v-9b963428=""><div class="py-10 container-max-lg pt-0" data-v-9b963428=""><div class="d-flex justify-content-center" data-v-9b963428=""><div class="mb-10 text-center font-size-24 font-weight-600 max-w-400" data-v-9b963428=""> Try it, PlayCode is free. </div></div><div class="row align-items-center" data-v-9b963428=""><div class="col-sm-24 text-center d-flex justify-content-center flex-wrap" data-v-9b963428=""><div class="mx-2 mb-4" data-v-9b963428=""><a href="/new" class="button-success" data-v-9b963428="" data-v-01d59b04="">Start Coding</a></div><div class="mx-2 mb-4" data-v-9b963428=""><a href="/learn" class="button-learning" data-v-9b963428=""> Start learning </a></div></div></div></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-0a798746=""><div class="row" data-v-0a798746=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-0a798746=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-0a798746=""> Assets </h3><div class="d-flex align-items-center justify-content-center" data-v-0a798746=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-0a798746=""> Upload images, videos, sounds, or any other file formats. </p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-0a798746=""><div class="browser" data-v-0a798746=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:2032/1334;" data-poster="/marketing/assets/static/assets.6e6594c8.png" data-v-0a798746=""><source data-src="/marketing/assets/static/assets.3703c753.webm" type="video/webm" data-v-0a798746=""><source data-src="/marketing/assets/static/assets.c4f1eeec.mp4" type="video/mp4" data-v-0a798746=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-2" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-f48dddc8=""><div class="row" data-v-f48dddc8=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-f48dddc8=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-f48dddc8=""> The Most Flexible Layout </h3><div class="d-flex align-items-center justify-content-center" data-v-f48dddc8=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-f48dddc8=""> Arrange the panels as you like. <span class="text-text-3" data-v-f48dddc8="">No, really, absolutely, whatever. Any location and size.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-f48dddc8=""><div class="browser" data-v-f48dddc8=""><video autoplay="" loop="" muted="" playsinline="" class="lazy w-100" style="aspect-ratio:2032/1334;" data-poster="/marketing/assets/static/layout.a273cdfc.png" data-v-f48dddc8=""><source data-src="/marketing/assets/static/layout.32d70b28.webm" type="video/webm" data-v-f48dddc8=""><source data-src="/marketing/assets/static/layout.34607371.mp4" type="video/mp4" data-v-f48dddc8=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div><div class="bg-bg-1" data-v-e1fcefa3=""><div class="py-10" data-v-e1fcefa3=""></div><div class="container-max-sm" data-v-e1fcefa3="" data-v-e307a900=""><div class="row" data-v-e307a900=""><div class="col-24 py-5 text-center pt-8 text-break-word" data-v-e307a900=""><h3 class="text-text-2 font-size-38 mb-4 mt-0 font-weight-600 header-shadow" data-v-e307a900=""> Color Themes </h3><div class="d-flex align-items-center justify-content-center" data-v-e307a900=""><p class="font-size-16 text-text-2 my-0 py-0 max-w-550 text-center" style="vertical-align:middle;" data-v-e307a900=""> Light theme in the sun or dark in the evening. <span class="text-text-3" data-v-e307a900="">Switch between blue, dark, light and gray themes.</span></p></div></div></div><div class="browser-cnt mt-10 pb-8" data-v-e307a900=""><div class="browser" data-v-e307a900=""><video autoplay="" loop="" muted="" playsinline="" style="aspect-ratio:2032/1334;" class="lazy w-100" data-poster="/marketing/assets/static/color-themes.9251d43f.png" data-v-e307a900=""><source data-src="/marketing/assets/static/color-themes.df695be1.webm" type="video/webm" data-v-e307a900=""><source data-src="/marketing/assets/static/color-themes.d8d7978d.mp4" type="video/mp4" data-v-e307a900=""></video></div></div></div><div class="py-10" data-v-e1fcefa3=""></div></div></div><div class="py-10 bg-bg-1 bg-bg-1" data-v-bd958c19=""><div class="container-max-lg py-10" data-v-bd958c19=""><div class="" data-v-bd958c19=""><div class="d-flex justify-content-center" data-v-bd958c19=""><div class="mb-10 text-center font-size-24 font-weight-600 max-w-550" data-v-bd958c19=""> JavaScript, TypeScript, React, Vue, Tailwind css at your fingertips </div></div></div><div class="row" data-v-bd958c19=""><div class="col-24 col-sm-12 offset-sm-0" data-v-bd958c19=""><div class="text-center font-size-18 text-text-3 font-weight-600" data-v-bd958c19=""> Old way </div><div class="mt-6 d-flex justify-content-center" data-v-bd958c19=""><div class="max-w-250" data-v-bd958c19=""><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">1.</span> Buy IDE or editor </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">2.</span> Install and configure editor </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">3.</span> Install Node.js </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">4.</span> Add Node.js to PATH </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">5.</span> Open IDE and create project </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">6.</span> Init NPM Project </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">7.</span> Configure Babel, Typescript, SASS... </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">8.</span> Npm Install</div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">9.</span> Configure Webpack </div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">10.</span> Create file</div><div class="py-1 font-weight-400 text-text-3" data-v-bd958c19=""><span class="text-text-3" data-v-bd958c19="">11.</span> Write first line of code </div></div></div></div><div class="col-24 col-sm-12" data-v-bd958c19=""><div class="mt-10 mt-sm-0 text-center font-size-18 font-weight-600" data-v-bd958c19=""> New way </div><div class="mt-6" data-v-bd958c19=""><div class="text-wrap-normal text-center" data-v-bd958c19=""><a href="/react" class="d-block-inline el-button text-nodecor el-button--success el-button--large" data-v-bd958c19=""> Start React instantly </a></div></div></div></div></div></div><div class="py-10 bg-bg-2 bg-bg-2" data-v-651c7564=""><div class="py-8 container-max-lg" data-v-651c7564=""><div class="row py-10" data-v-651c7564=""><div class="col-24 col-sm-12 mb-8 mb-sm-0" data-v-651c7564=""><div class="d-flex justify-content-center" data-v-651c7564=""><div class="max-w-250" data-v-651c7564=""><div class="font-size-18 font-weight-600" data-v-651c7564=""> Ready to use many frontend and frameworks languages </div><div class="mt-3 font-weight-400 text-text-2" data-v-651c7564=""> There are JSX, Typescript, TSX, CoffeeScript, Pug, Less, Sass, SCSS, Stylus. And latest Babel preset. </div></div></div></div><div class="col-24 col-sm-12" data-v-651c7564=""><div class="" data-v-651c7564=""><div class="browser" data-v-651c7564=""><img class="w-100 lazy" data-src="/marketing/assets/static/languages.78f6974c.png" style="aspect-ratio:2032/1334;" alt="PlayCode languages" data-v-651c7564=""></div></div></div></div></div></div><div class="py-10 bg-bg-1" data-v-9b963428=""><div class="py-10 container-max-lg pt-0" data-v-9b963428=""><div class="d-flex justify-content-center" data-v-9b963428=""><div class="mb-10 text-center font-size-24 font-weight-600 max-w-400" data-v-9b963428=""> Try it, PlayCode is free. </div></div><div class="row align-items-center" data-v-9b963428=""><div class="col-sm-24 text-center d-flex justify-content-center flex-wrap" data-v-9b963428=""><div class="mx-2 mb-4" data-v-9b963428=""><a href="/new" class="button-success" data-v-9b963428="" data-v-01d59b04="">Start Coding</a></div><div class="mx-2 mb-4" data-v-9b963428=""><a href="/learn" class="button-learning" data-v-9b963428=""> Start learning </a></div></div></div></div></div><hr class="m-0 bg-border-1"><div data-v-82874acc=""><div class="py-10 bg-bg-1 d-flex align-items-center" data-v-82874acc=""><div class="container-max-lg" data-v-82874acc=""><div class="row" data-v-82874acc=""><div class="col-12 col-sm-6" data-v-82874acc=""><div data-v-82874acc=""><a class="d-flex align-items-center text-text-3-hover-primary-1 cursor-pointer" href="/" data-v-82874acc=""><svg width="208" height="178" viewBox="0 0 208 178" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:30px;width:35px;" data-v-82874acc=""><path fill-rule="evenodd" clip-rule="evenodd" d="M95.3794 4.02553L92.9729 5.93653C88.1109 9.7978 85.2463 15.9038 85.2524 22.3895L85.399 156.997C85.4051 163.45 88.2575 169.524 93.0889 173.378C99.9665 178.863 109.409 178.771 116.183 173.143L199.838 103.692C204.504 99.8178 207.235 93.8492 207.235 87.5206V87.285C207.235 80.9237 204.468 74.9224 199.758 71.048L118.364 4.22186C111.602 -1.33444 102.226 -1.41297 95.3794 4.02553ZM2.00612 80.3434L52.443 41.5533C55.3178 39.346 59.3774 41.4852 59.3774 45.2133V56.7209C59.3774 58.1338 58.747 59.473 57.6709 60.3298L26.1095 86.6363V86.954L57.5786 111.836C58.7089 112.693 59.3774 114.061 59.3774 115.513V128.519C59.3774 132.247 55.3124 134.392 52.4376 132.173L2.00069 93.2469C0.892063 92.3901 0.234497 91.0339 0.234497 89.5926V84.0034C0.234497 82.5564 0.892063 81.2002 2.00612 80.3434ZM121.325 41.5533L168.609 80.3434C169.654 81.2002 170.27 82.5564 170.27 84.0034V89.5926C170.27 91.0339 169.654 92.3901 168.614 93.2469L121.33 132.173C118.635 134.392 114.824 132.247 114.824 128.519V115.513C114.824 114.061 115.45 112.693 116.51 111.836L146.243 86.954V86.6363L116.424 60.3298C115.415 59.473 114.824 58.1338 114.824 56.7209V45.2133C114.824 41.4852 118.63 39.346 121.325 41.5533Z" fill="currentColor"></path></svg><svg width="185" height="25" viewBox="0 0 185 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="ml-3 d-sm-inline" style="height:15px;width:110px;" data-v-82874acc=""><path d="M4.33927 24V16.2H5.98927C12.1093 16.2 14.9593 13.11 14.9593 8.54999C14.9593 3.05999 10.8193 1.28999 5.44927 1.28999H0.499268V24H4.33927ZM4.33927 12.72V4.79999H6.49927C9.37927 4.79999 10.9093 6.20999 10.9093 8.51999C10.9093 10.95 9.22927 12.72 5.89927 12.72H4.33927Z" fill="currentColor"></path><path d="M34.8376 23.97V20.49H25.3275V1.28999H21.4875V23.97H34.8376Z" fill="currentColor"></path><path d="M61.1145 24L49.5345 0.359985L37.9245 24H42.1845L44.2245 19.56H54.7545L56.8245 24H61.1145ZM53.1645 16.08H45.8145L49.0545 9.02999C49.2045 8.69999 49.4445 8.21999 49.5045 7.94999C49.5345 8.21999 49.7445 8.72999 49.8945 9.02999L53.1645 16.08Z" fill="currentColor"></path><path d="M75.4266 24V14.61L83.8866 1.28999H79.6266L73.8066 10.92C73.6566 11.16 73.5966 11.31 73.5666 11.73C73.5366 11.28 73.5066 11.13 73.3866 10.92L67.5666 1.28999H63.3066L71.5866 14.61V24H75.4266Z" fill="currentColor"></path><path d="M106.426 18.99C105.526 19.89 103.216 21.06 100.366 21.06C95.2362 21.06 91.6662 17.25 91.6662 12.51C91.6662 8.18999 94.6662 4.25999 99.7662 4.25999C102.106 4.25999 104.416 5.09999 106.006 6.65999L108.046 3.98998C107.296 3.08999 104.416 0.779985 99.7662 0.779985C92.5662 0.779985 87.5862 6.23999 87.5862 12.6C87.5862 19.11 92.8362 24.48 100.186 24.48C103.426 24.48 106.126 23.46 108.196 21.48L106.426 18.99Z" fill="currentColor"></path><path d="M138.128 12.75C138.128 5.90999 132.668 0.779985 125.828 0.779985C118.928 0.779985 113.438 6.14999 113.438 12.66C113.438 19.14 118.928 24.48 125.828 24.48C132.488 24.48 138.128 19.2 138.128 12.75ZM134.048 12.72C134.048 17.37 130.358 21.06 125.618 21.06C121.178 21.06 117.518 16.98 117.518 12.54C117.518 7.85999 121.268 4.25999 125.828 4.25999C130.298 4.25999 134.048 7.85998 134.048 12.72Z" fill="currentColor"></path><path d="M150.945 24C158.685 24 163.815 19.86 163.815 12.66C163.815 5.21999 158.295 1.28999 151.515 1.28999H144.945V24H150.945ZM148.785 20.52V4.76999H151.905C156.465 4.76999 159.735 7.85999 159.735 12.57C159.735 18.27 155.985 20.52 151.455 20.52H148.785Z" fill="currentColor"></path><path d="M184.838 23.97V20.49H174.578V13.68H182.078V10.2H174.578V4.79999H183.878V1.31999H170.738V23.97H184.838Z" fill="currentColor"></path></svg></a></div><div class="text-text-3 mt-6" data-v-82874acc=""> Copyright © 2024</div><div class="text-text-3 mt-3 mb-4" data-v-82874acc=""> Founded in Oct, 2016 </div></div><div class="col-12 col-sm-6" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/pricing" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Pricing </a></div><div class="pb-3" data-v-82874acc=""><a href="https://github.com/playcode/playcode-desktop/releases" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Desktop apps </a></div><div class="pb-3" data-v-82874acc=""><a href="https://www.trustpilot.com/review/playcode.io" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Trustpilot reviews </a></div></div><div class="col-12 col-sm-6" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/privacy-policy" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Privacy policy </a></div><div class="pb-3" data-v-82874acc=""><div class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Report abuse </div></div></div><div class="col-12 col-sm-6" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="mailto:[email protected]?subject=Partnering%20to%20Develop%20Your%20Unique%20SaaS%20Solution&amp;body=-----%0D%0AIf%20you're%20dreaming%20of%20launching%20your%20own%20SaaS%20project%20or%20platform%2C%20we%20are%20here%20to%20transform%20your%20vision%20into%20reality.%0D%0A%0D%0ANo%20matter%20where%20you%20stand%20on%20the%20path%20of%20expertise%2C%20we%20pledge%20to%20guide%20you%20every%20step%20of%20the%20way.%20From%20nurturing%20the%20seed%20of%20an%20idea%2C%20through%20proof%20of%20concept%2C%20wireframes%2C%20design%2C%20development%2C%20to%20user%20testing%20-%20we%20have%20you%20covered.%0D%0A------%0D%0A%0D%0AKindly%20share%20the%20following%20details%20with%20us%3A%0D%0A%0D%0A1.%20Your%20Idea%3A%20Please%20provide%20a%20brief%20overview%20of%20your%20unique%20concept.%0D%0A...%0D%0A%0D%0A2.%20Desired%20Build%3A%20What%20functionalities%20and%20features%20would%20you%20like%20your%20project%20or%20platform%20to%20encompass%3F%0D%0A...%0D%0A%0D%0A3.%20About%20You%3A%20Could%20you%20tell%20us%20a%20little%20about%20yourself%20or%20your%20organization%2C%20including%20any%20specific%20goals%20or%0D%0Avisions%20for%20this%20project%3F%0D%0A..." class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Hire us 👋 </a></div><div class="pb-3" data-v-82874acc=""><a href="/marketing/team" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Team </a></div><div class="pb-3" data-v-82874acc=""><a href="https://twitter.com/playcode_io" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Twitter </a></div><div class="pb-3" data-v-82874acc=""><a href="https://www.linkedin.com/company/playcode/" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> LinkedIn </a></div><div class="pb-3" data-v-82874acc=""><a href="https://www.crunchbase.com/organization/playcode" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Crunchbase </a></div><div class="pb-3" data-v-82874acc=""><a href="https://amplitude.com/" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Amplitude - the best analytics tool </a></div></div></div></div></div><div class="py-8 bg-bg-1 border-top border-border-1" data-v-82874acc=""><div class="container-max-lg" data-v-82874acc=""><div class="font-size-15 font-weight-600 text-text-3" data-v-82874acc=""> PLAYGROUND LINKS </div></div><div class="container-max-lg mt-5" data-v-82874acc=""><div class="row" data-v-82874acc=""><div class="col-12 col-sm-6 mt-2 mt-sm-0" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/javascript-compiler" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> JavaScript Compiler </a></div><div class="pb-3" data-v-82874acc=""><a href="/typescript" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Typescript Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> JavaScript Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/react" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> React Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/vue" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Vue Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/svelte" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Svelte Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/javascript/variables" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" target="_blank" data-v-82874acc=""> Tutorials </a></div></div><div class="col-12 col-sm-6 mt-2 mt-sm-0" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/lodash" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Lodash Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/rxjs" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> RxJs Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/rimbu" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Rimbu Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/three" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Three.js Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/html" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> HTML Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/css" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> CSS Playground </a></div></div><div class="col-12 col-sm-6 mt-2 mt-sm-0" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/bulma" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Bulma Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/pixi" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> PIXI.js Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/p5" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> p5.js Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/less" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Less Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/scss" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> SCSS Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/jquery" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> JQuery Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/bootstrap" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Bootstrap Playground </a></div></div><div class="col-12 col-sm-6 mt-2 mt-sm-0" data-v-82874acc=""><div class="pb-3" data-v-82874acc=""><a href="/mui" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> MUI Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/framer_motion" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Framer Motion Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/solid_js" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Solid Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/tailwind" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Tailwind CSS Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/element_plus" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Element Plus Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/pug" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Pug Playground </a></div><div class="pb-3" data-v-82874acc=""><a href="/canvas" class="cursor-pointer text-text-3-hover-primary-1 text-nodecor" data-v-82874acc=""> Canvas Playground </a></div></div></div></div></div></div></div><!--]--><!--]--><div class="feedback" style="bottom:12px;right:12px;" data-v-ce31f4a4="" data-v-2ade95f2=""><div class="feedback__label" style="width:38px;height:38px;" data-v-2ade95f2=""> ? </div></div><!--]--></div>
        <script type="module" src="/marketing/assets/entries/entry-server-routing.cecef451.js" defer=""></script>
        <link rel="modulepreload" href="/marketing/assets/entries/pages_index_index.page.9451f8a6.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-66191521.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-e28523db.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-fc02754a.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-a15e05e0.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-050b6511.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/entries/renderer_default.page.client.c8d5917a.js" as="script" type="text/javascript">
        <link rel="modulepreload" href="/marketing/assets/chunks/chunk-de4b7fe2.js" as="script" type="text/javascript">
        <script id="vite-plugin-ssr_pageContext" type="application/json">{"pageContext":{"_pageId":"/pages/index/index","pageProps":"!undefined","urlPathname":"/"}}</script>
      
    </body></html>