cdn.cubing.net

This site is a CDN ("content delivery network"), designed to serve JavaScript and other web resources in way that is:

fast — quick to load from anywhere in the world,
efficient — avoid downloading too much code if you don't need it,
convenient — use directly on any web page without any special setup.

To learn how to use cdn.cubing.net for your cubing website or web app, visit:

Available modules and packages

cubing.js modules:
- https://cdn.cubing.net/v0/js/cubing/alg ⭐️
- https://cdn.cubing.net/v0/js/cubing/bluetooth
- https://cdn.cubing.net/v0/js/cubing/kpuzzle
- https://cdn.cubing.net/v0/js/cubing/notation
- https://cdn.cubing.net/v0/js/cubing/protocol
- https://cdn.cubing.net/v0/js/cubing/puzzle-geometry
- https://cdn.cubing.net/v0/js/cubing/puzzles
- https://cdn.cubing.net/v0/js/cubing/scramble ⭐️
- https://cdn.cubing.net/v0/js/cubing/search
- https://cdn.cubing.net/v0/js/cubing/stream
- https://cdn.cubing.net/v0/js/cubing/twisty ⭐️
Other JS modules:
- https://cdn.cubing.net/v0/js/three
- https://cdn.cubing.net/v0/js/random-uint-below
- https://cdn.cubing.net/v0/js/scramble-display
CSS packages:
- https://cdn.cubing.net/v0/css/@cubing/icons/css ⭐️
- https://cdn.cubing.net/v0/css/@cubing/thirdparty-fonts/ubuntu
- https://cdn.cubing.net/v0/css/@cubing/thirdparty-fonts/digital-7

A ⭐️ indicates a popular module/package.

What does this mean?

If you're not certain what this means, we recommend using the examples from js.cubing.net. However, if you're familiar with web development using npm then you may find the following information useful:

Each of the URLs above corresponds to an npm package using bundler module resolution, and can be imported in JavaScript/CSS files directly. For example, the following are two different ways to import the same functionality:

From npm


        import { Alg } from "cubing/alg";

From the CDN


        import { Alg } from "https://cdn.cubing.net/v0/js/cubing/alg";

However, for a given project you should import all packages either:

only from npm or
only from the CDN,

or your code may not function as expected.

Why cdn.cubing.net?

cubing.js uses several technologies (dynamic imports, web workers, and WASM) to ensure good performance for a wide variety of use cases. While these technologies are not new, other JavaScript CDNs often cannot handle packages using them. cdn.cubing.net is designed to make these work seamlessly.

Source code on GitHub.