Rubik's Cube


This is a fully functional Rubik's Cube in the browser, made primarily with 3-dimensional CSS. No graphics library is used. Svelte is used for interactivity and to construct the cube from its components: the cube consists of 26 cubies, and each cubie consists of 6 faces.

A help menu shows the various keys to interact with the cube. All layers can be rotated. When multiple rotations are made in a row, they are put on a task queue to be executed one after another.

Additionally, the cube can be

  • rotated in all directions
  • zoomed in/out
  • scrambled
  • reset to its original position
  • made half-transparent
  • 3D
  • Browser game
  • CSS
  • Mathematics
  • Svelte
  • Tutorial