Embeddable Rubik's Cube And Twisty Puzzle Widgets

Almost every Rubik's Program you can find on this website are collected here so you can embed them in your website, portal, facebook profile or anywhere you want. Feel free to use these plugins, they are all free, the only thing I'm asking you to leave the Ruwix logo leading to this website visible so others can find this website. If you have any suggestion how could I improve or you have a new widget idea please share with me. Any special request is welcome.

You don't have to worry about the updates, every necessary modification will be online automatically.

Embed the 3D puzzle simulators

Online 3D twisty puzzle simulators: cubes, Megaminx, Pyraminx, Square-1, Rubik's Clock, Hungarian Rings and more

All 48 online puzzle simulators can live on your own website too: the Rubik's Cube from 2x2x2 to 10x10x10, the Megaminx family, the Pyraminx, Skewb and Square-1, shape mods like the Mirror Cube and Ghost Cube, even the Rubik's Clock and the 4D Rubik's Cube. Your visitors can turn the puzzle in 3D with the mouse, a finger or the keyboard, scramble it, undo moves and try to solve it, right on your page. There is nothing to install and nothing to host: one line of HTML does it.

How to embed a simulator

  1. Pick a puzzle below and press Copy code.
  2. Paste the code into the HTML of your page where the puzzle should appear. In WordPress, use a Custom HTML block.
  3. Done. The simulator fills the width of its column; change height="600" if you want it taller or shorter.
A solved and a scrambled 3x3x3 Rubik's Cube in the simulator

3x3x3 Rubik's Cube

<iframe src="https://ruwix.com/simulators/?embed=true" title="3x3x3 Rubik's Cube simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled 2x2x2 pocket cube in the simulator

2x2x2 Pocket Cube

<iframe src="https://ruwix.com/simulators/2x2x2/?embed=true" title="2x2x2 pocket cube simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled 4x4x4 cube in the simulator

4x4x4 Rubik's Revenge

<iframe src="https://ruwix.com/simulators/4x4x4/?embed=true" title="4x4x4 Rubik's Revenge simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled Megaminx in the simulator

Megaminx

<iframe src="https://ruwix.com/simulators/megaminx/?embed=true" title="Megaminx simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled Pyraminx in the simulator

Pyraminx

<iframe src="https://ruwix.com/simulators/pyraminx/?embed=true" title="Pyraminx simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled Skewb in the simulator

Skewb

<iframe src="https://ruwix.com/simulators/skewb/?embed=true" title="Skewb simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
A solved and a scrambled Square-1 in the simulator

Square-1

<iframe src="https://ruwix.com/simulators/square-1/?embed=true" title="Square-1 simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>
The front and back of the Rubik's Clock in the simulator

Rubik's Clock

<iframe src="https://ruwix.com/simulators/clock/?embed=true" title="Rubik's Clock simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>

Looking for another puzzle? The simulator widgets page has the ready-made code for every one of the 48 simulators, each with a live preview.

Start with a scramble, an algorithm or another size

A few additions to the address in src set the puzzle up before your visitors touch it, which is handy next to a tutorial or a puzzle of the day:

  • &scramble= applies a scramble the moment the puzzle loads.
  • &alg= loads an algorithm into the step-by-step player, so readers can play it forward and back one move at a time.
  • On the cube pages, a size hash such as #3x3x5 turns the cube into any cuboid from 1x1x1 to 10x10x10.
  • #master-pyraminx opens the Pyraminx as the four-layer Master Pyraminx.

Write spaces as +. This one shows the famous R U R' U' trigger on a 3x3x3, ready to step through:

<iframe src="https://ruwix.com/simulators/?embed=true&alg=R+U+R'+U'" title="3x3x3 Rubik's Cube simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>

And this one opens a scrambled Master Pyraminx:

<iframe src="https://ruwix.com/simulators/pyraminx/?embed=true&scramble=U+L'+R+B'+u+r'#master-pyraminx" title="Master Pyraminx simulator" width="100%" height="600" style="border:0;max-width:100%" loading="lazy" allow="fullscreen"></iframe>

Technical background

It's really simple to embed these Rubik's Cube widgets, just choose the appropriate size for you and embed in your HTML the code you find on the plugin's page. It's really simple, you don't have to include any functions it's up and running in a matter of a second.

You can find the plugins in a variety of sizes fitting PC monitors, facebook pages (500 px), and mobile devices (300 px). You can use whichever you want.

The widgets use HTML, CSS, JavaScript and jQuery. Almost every browsers and mobile devices can handle these and you don't have to install any extension like flash player or Java.

The programs were tested with all major web browsers and mobile devices.

Do not hesitate to contact me if you have any further questions, and please report if you find any bugs in any of the applications.

Widgets launched so far: