download.html



<!DOCTYPE html>
<html lang="en">
  <head>
    
    
    <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"/>

<meta name="description" content="Download the GoJS JavaScript Library" />
<meta itemprop="description" content="Download the GoJS JavaScript Library" />
<meta property="og:description" content="Download the GoJS JavaScript Library" />
<meta name="twitter:description" content="Download the GoJS JavaScript Library" />


<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="./assets/css/style.css">
<!-- Copyright 1998-2025 by Northwoods Software Corporation. -->


<meta itemprop="name" content="Download" />
<meta property="og:title" content="Download" />
<meta name="twitter:title" content="Download" />


<meta property="og:image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />
<meta itemprop="image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />
<meta name="twitter:image" content="https://gojs.net/latest/assets/images/fp/defaultCard.png" />

<meta property="og:url" content="https://gojs.net/latest/download.html" />
<meta property="twitter:url" content="https://gojs.net/latest/download.html" />

<meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website" />
<meta property="twitter:domain" content="gojs.net" />

    <title>
      Download | GoJS
    </title>
    <link rel="stylesheet" href="./assets/css/prism.css"/>
  </head>

  <body>
    <nav id="navTop" class=" w-full h-[var(--topnav-h)] z-30 bg-white border-b border-b-gray-200">
  <div class="max-w-screen-xl mx-auto flex flex-wrap items-start justify-between px-4">
    <a class="text-white bg-nwoods-primary font-bold !leading-[calc(var(--topnav-h)_-_1px)] my-0 px-2 text-4xl lg:text-5xl logo"
       href="./">
      GoJS
    </a>
    <div class="relative">
      <button id="topnavButton" class="h-[calc(var(--topnav-h)_-_1px)] px-2 m-0 text-gray-900 bg-inherit shadow-none md:hidden hover:!bg-inherit hover:!text-nwoods-accent hover:!shadow-none" aria-label="Navigation">
        <svg class="h-7 w-7 block" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
          <path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
      <div id="topnavList" class="hidden md:block">
        <div class="absolute right-0 z-30 flex flex-col items-end rounded border border-gray-200 p-4 pl-12 shadow bg-white text-gray-900 font-semibold
                    md:flex-row md:space-x-4 md:items-start md:border-0 md:p-0 md:shadow-none md:bg-inherit">
          <a href="./learn/">Learn</a>
          <a href="./samples/">Samples</a>
          <a href="./intro/">Intro</a>
          <a href="./api/">API</a>
          <a href="./download.html">Download</a>
          <a href="https://forum.nwoods.com/c/gojs/11" target="_blank" rel="noopener">Forum</a>
          <a id="tc" href="https://nwoods.com/contact.html"
            target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/contact.html', 'contact');">Contact</a>
          <a id="tb" href="https://nwoods.com/sales/index.html"
            target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/sales/index.html', 'buy');">Buy</a>
        </div>
      </div>
    </div>
  </div>
</nav>
<script>
  window.addEventListener("DOMContentLoaded", function () {
    // topnav
    var topButton = document.getElementById("topnavButton");
    var topnavList = document.getElementById("topnavList");
    if (topButton && topnavList) {
      topButton.addEventListener("click", function (e) {
        topnavList
          .classList
          .toggle("hidden");
        e.stopPropagation();
      });
      document.addEventListener("click", function (e) {
        // if the clicked element isn't the list, close the list
        if (!topnavList.classList.contains("hidden") && !e.target.closest("#topnavList")) {
          topButton.click();
        }
      });

      // set active <a> element
      var url = window
        .location
        .href
        .toLowerCase();
      var aTags = topnavList.getElementsByTagName('a');
      for (var i = 0; i < aTags.length; i++) {
        var lowerhref = aTags[i]
          .href
          .toLowerCase();
        if (url.startsWith(lowerhref)) {
          aTags[i]
            .classList
            .add('active');
          break;
        }
      }
    }
  });
</script>
    
    <div class="w-full max-w-screen-xl mx-auto">
      
      
      <div class="px-4 pb-16 w-full overflow-hidden prose">
        
          
<h1>Download GoJS</h1>

<p>
  If you wish to use the <b>GoJS</b> library for your private evaluation,
  you may do so only under the terms of the <a href="evaluationlicense.html" target="_blank" rel="noopener">Evaluation License
    Agreement</a>.
  We encourage you to <a href="https://nwoods.com/register.html" target="_blank" rel="noopener">register</a> if you
  discover you need
  technical support during your evaluation.
</p>
<p>
  You can download the whole web site for this version of <b>GoJS</b> by saving and unzipping:
</p>
<ul>
  <li><a id="ziplink" href="site.zip">site.zip</a></li>
</ul>
<p>
  We also maintain a <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GitHub
    Repository</a> of all libraries,
  documentation, samples, and extensions.
  This allows you to <a href="https://github.com/NorthwoodsSoftware/GoJS/search?q=setDataProperty&amp;type=Code"
    target="_blank" rel="noopener">search
    through documentation and code online</a>.
</p>
<p>
  The contents of both the ZIP file and the GitHub repository are exactly what you find at the <a href="index.html">GoJS
    web site</a>.
  Having everything downloaded to your development machine allows you to easily search the JavaScript code and to modify
  the samples for experimentation.
</p>
<p>
  You can also download <b>GoJS</b> via
  <a href="https://www.npmjs.com/package/gojs" target="_blank" rel="noopener">Node package manager (npm)</a>:
  <code>$ npm install gojs</code>.
  The contents of that package are only the library files.
  If you want to download the extensions, samples, and documentation, they are in the <code>create-gojs-kit</code>
  package.
  Download its contents by executing: <code>$ npm create gojs-kit@latest</code>
</p>
<p>
  Or you can link to a CDN (content delivery network):
</p>
<ul>
  <li>
    <a href="https://www.jsdelivr.com/package/npm/gojs" target="_blank" rel="noopener">JSDELIVR</a>, such as:
    <ul>
      <li>
        Latest: <code>"https://cdn.jsdelivr.net/npm/gojs/release/go.js"</code>
      </li>
      <li>
        Most recent 3.0: <code>"https://cdn.jsdelivr.net/npm/gojs@3.0/release/go.js"</code>
      </li>
    </ul>
  </li>
</ul>
<p>
  The <b>GoJS</b> library comes in both "debug" and "release" variations in the <code>release</code> directory:
</p>
<ul>
  <li><a href="release/go.js">go.js</a></li>
  <li><a href="release/go-debug.js">go-debug.js</a>,
    the same functionality as `go.js`, but with more error checking, for use during development.</li>
  <li><a href="release/go-module.js">go-module.js</a> and <a href="release/go-debug-module.js">go-debug-module.js</a>,
    the same functionality but as ECMAScript modules.</li>
  <li><a href="release/go.mjs">go.mjs</a> and <a href="release/go-debug.mjs">go-debug.mjs</a>
    are copies of the <code>*-module.js</code> ECMAScript modules for Node.js use on a server.</li>
</ul>
<p>
  We recommend that you use <code>go-debug.js</code> while doing your initial development --
  it is more likely to signal errors or provide meaningful error messages than when using <code>go.js</code>.
  Always remember to look at the console log to see if there are any error or warning messages.
</p>
<p>
  After purchasing a license, you may deploy by acquiring a license key for your web site's domain.
  See <a href="intro/deployment.html">Deployment</a> for more discussion.
</p>

<h3>New Versions</h3>
<p>
  You can learn about new releases in several manners:
</p>
<ul>
  <li>"watch" the <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GoJS GitHub
      repository</a> for new releases</li>
  <li>read the <a href="https://www.npmjs.com/package/gojs" target="_blank" rel="noopener">GoJS npm package</a> page, or
    write a "hook" for it</li>
  <li>follow us on Twitter: <a href="https://twitter.com/northwoodsgo" target="_blank" rel="noopener">@NorthwoodsGo</a></li>
  <li>read the GoJS Change Log page (<a href="https://gojs.net/latest/changelog.html" target="_blank"
      rel="noopener">latest</a><span id="thisversion"></span>)</a></li>
  <li>read or follow the <a href="https://forum.nwoods.com/c/gojs" target="_blank" rel="noopener">Northwoods GoJS Forum</a></li>
</ul>
<p>
  When updating or upgrading to a newer version, please read the <a href="changelog.html" target="_blank">Change Log</a>.
  In addition to getting new debug and release libraries, don't forget to use the latest TypeScript definition file,
  <a href="release/go.d.ts">go.d.ts</a>, that is also in the release directory.
</p>
<p>
  More information is at <a href="index.html">GoJS home</a>.
</p>

</div>


<script type="text/javascript">
  document.getElementById('ziplink').addEventListener('click', () => {
    ga('send', 'event', 'button', 'click', 'download-zip');
  });

  document.addEventListener('DOMContentLoaded', () => {
    if (!go || !go.version) return;
    if (location.href.indexOf('latest') !== -1) return;
    const span = document.getElementById('thisversion');
    span.innerHTML = `, <a href="./changelog.html" target="_blank">this version: ${go.version}</a>`
  })

</script>
        
      </div>
    </div>
    <footer class="bg-white text-gray-900 border-t border-t-gray-200">
  <div class="w-full max-w-screen-lg mx-auto px-4 py-6">
    
    <p id="version" class="text-xs text-gray-900 m-0"></p>
    <div class="text-sm px-0 mb-4 grid grid-cols-2 sm:grid-cols-3 gap-y-10">
      <div>
        <h2 class="text-base font-semibold text-nwoods-primary">GoJS</h2>
        <ul class="list-none space-y-4 md:space-y-1 px-0">
          <li>
            <a href="./samples/index.html">Samples</a>
          </li>
          <li>
            <a href="./learn/index.html">Learn</a>
          </li>
          <li>
            <a href="./intro/index.html">Intro</a>
          </li>
          <li>
            <a href="./api/index.html">API</a>
          </li>
          <li>
            <a href="./changelog.html">Changelog</a>
          </li>
          <li>
            <a href="https://github.com/NorthwoodsSoftware/GoJS" target="_blank" rel="noopener">GitHub</a>
          </li>
        </ul>
      </div>
      <div>
        <h2 class="text-base font-semibold text-nwoods-primary">Support</h2>
        <ul class="list-none space-y-4 md:space-y-1 px-0">
          <li>
            <a href="https://nwoods.com/contact.html"
              target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/contact.html', 'contact');">Contact</a>
          </li>
          <li>
            <a href="https://forum.nwoods.com/c/gojs" target="_blank" rel="noopener">Forum</a>
          </li>
          <li>
            <a href="https://nwoods.com/app/activate.aspx?sku=gojs" target="_blank" rel="noopener">Activate</a>
          </li>
          <li>
            <a href="https://nwoods.com/sales/index.html"
              target="_blank" rel="noopener" onclick="getOutboundLink('https://nwoods.com/sales/index.html', 'buy');">Buy</a>
          </li>
          
        </ul>
      </div>
      <div>
        <h2 class="text-base font-semibold text-nwoods-primary">Company</h2>
        <ul class="list-none space-y-4 md:space-y-1 px-0">
          <li>
            <a target="_blank" href="https://nwoods.com" target="_blank" rel="noopener">Northwoods</a>
          </li>
          <li>
            <a target="_blank" href="https://nwoods.com/about.html" target="_blank" rel="noopener">About Us</a>
          </li>
          <li>
            <a target="_blank" href="https://nwoods.com/contact.html" target="_blank" rel="noopener">Contact Us</a>
          </li>
          <li>
            <a target="_blank" href="https://nwoods.com/consulting.html" target="_blank" rel="noopener">Consulting</a>
          </li>
          <li>
            <a target="_blank" href="https://twitter.com/northwoodsgo" target="_blank" rel="noopener">Twitter</a>
          </li>
        </ul>
      </div>
    </div>
    <p class="text-sm text-gray-900 md:mb-6">
      Copyright 1998-2025 <a href="https://nwoods.com">Northwoods Software</a>
    </p>
  </div>
</footer>
  </body>
  
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S5QK8VSK84"></script>

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'G-S5QK8VSK84');
  var getOutboundLink = function (url, label) {
    gtag('event', 'click', {
      'event_category': 'outbound',
      'event_label': label,
      'transport_type': 'beacon'
    });
  }
  const params = new URL(document.location).searchParams
  let a = params.get('a');
  if (a) localStorage.setItem('a', a);
  a = localStorage.getItem('a');
  if (a) {
    const links = [...document.body.getElementsByTagName("a")].filter((l) => l.href.includes('nwoods.com'));
    for (const l of links) {
      const url = new URL(l.href);
      url.searchParams.set('a', a);
      l.href = url;
    }
  }

</script>
  <script src="./assets/js/prism.js"></script>
  <script src="./release/go.js"></script>
  <script src="./assets/js/goDoc.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", function () {
      if (window.go) 
        document
          .getElementById('version')
          .textContent = "GoJS version " + go.version;
      if (window.goDoc) 
        window.goDoc();
      }
    );
  </script>
</html>