slidorus Svelte Themes

Slidorus

Sliding puzzle similar to Loopover, made up of 9 blocks, each containing 9 pieces, arranged in a 9×9 grid.

Slidorus

👉 Play here

About this puzzle

Slidorus is a sliding puzzle made of 9 blocks of 9 pieces. Every row and column can be shifted in either direction. When a piece moves off one side of the grid, it reappears on the opposite side. In other words, the pieces move on a torus.

The puzzle is similar to 9×9 Loopover, but with a Rubik's Cube-inspired color scheme and indistinguishable pieces within each 3×3 block. The puzzle is solved when each 3×3 block is uniformly colored; the exact placement of the blocks does not matter.

An additional option lets you bandage pieces together. This makes the puzzle significantly more complex, especially when many pieces are bandaged. Furthermore, it is possible to make pieces fixed, so that they will not move anymore. This adds yet another level of complexity. The configuration can be shared via a link.

The app works on both desktop and mobile. Contributions and feedback are welcome!

Implementation Details

This application is built with Svelte 5 and TypeScript. Apart from the icon library lucide/svelte, no external libraries are used.

The 3D torus visualization is implemented entirely in standard CSS, inspired by the work of Amit Sheen. A standalone example is available on CodePen.

Top categories

Loading Svelte Themes