RubiksCubeSvelte

Rubikscubesvelte

Rubik's Cube made with three-dimensional CSS transforms and Svelte

Rubik's Cube

This is Rubik's Cube made mainly with 3-dimensional CSS transforms and a bit of JavaScript (Svelte) to execute them. No WebGL or libraries such as Three.js are used.

https://rubikscubesvelte.netlify.app

Screenshot Screenshot

Open the menu with the i key to see all the keys for rotating the cube and its layers.

When many rotations are entered quickly in a row, a queue executes them one by one. There are also options to undo moves, scramble the cube, reset the cube, zoom, or make the cube transparent.

This is the Svelte version of a previous version which you can find here: https://github.com/ScriptRaccoon/RubiksCubeCSS

Top categories

Loading Svelte Themes