Stack for a step-by-step slideshow?

I am looking for a stack to replicate something like this:

I am not talking about the animation on the left, I am interested in the frame: a way to guide the user on a step by step tutorial, with all the steps visible on one side, so that he can walk through them.

I have tried several slideshows and galleries, but couldn’t find one that shows a list of the steps/slides… Any idea?

Moving Box by Joe Workman can do this. I know you can set slides and text to sync up with each other.


Moving Box is awesome.

1 Like

thank you guys, it’s an awesome stack. I managed to recreate exactly the structure and movements I was looking for. Great, thanks a lot!

Hi @francescop, Did you manage to put a tutorial together using Moving Box?
I’d be interested to see how you did it as I need something similar for a step by step bronze casting tutorial and am looking for inspiration.
Could you up a link to the site?

1 Like

Hi anugyan,
that was a long time ago, don’t have access to those tutorials anymore. Anyway I did use Moving Boxes, it lets you sync text and pictures in a carousel, so you can build tutorials easily.
I think this example was made with that stack, or anyway it has a similar effect (look at the carousel at the top of the page):

You can get the project file for the preview site of MovingBox ( here:

There are also some FAQs on how to do things there as well.

I have looked at the demo site, but couldn’t figure out how the images were loaded?

Aha! got it figured, colapse in edit mode was enabled.