Quick Start

The documentation is still in progress.

Embed in your page

You can easily embed Web Cube in your existing project or start a new project using the following code.

<web-cube></web-cube>
<script type="module">
  import { define } from "https://esm.sh/@web-cube/web-cube";
  define();
</script>
<style>
  web-cube {
    display: block;
    width: 100%;
    height: 100vh;
  }
</style>

Change the size

You can change the size of the cube by setting the size property.

<web-cube size="2"></web-cube>