Scroll animation: a bedroom that builds itself as you scroll

Most "before and after" content asks you to take its word for it. Two photos side by side, a slider if you're lucky. We wanted to see what happens when the visitor drives the whole transformation themselves... so we built a bedroom that builds itself as you scroll.

Have a go below. It plays through once, then it's over to you: drag the slider to build the room stage by stage, or drag it back to rewind. For the full version, where your scroll drives the whole thing, open it full screen.

Open the room builder full screen

What you're looking at

It starts as a bare plasterboard shell: patched joints, a stepladder in the corner and two cables hanging out of the wall. As you scroll, the walls are plastered, a pale oak floor goes down, a fluted headboard wall rises behind the bed and the brass wall lights appear exactly where those cables were left. Then the styling arrives one piece at a time (rug, chair, dresser, olive tree, art, curtains) until the sun goes down, the lamps come on and the room is done.

Thirteen stages in all, and the camera never moves an inch.

Why scroll beats a slideshow

A slideshow tells you something changed. Scrolling lets you watch it change, at your own speed, as many times as you like. People slow down on the bits they care about, scroll back to see something again and, crucially, keep going to see how it ends.

It works anywhere the transformation is the story:

• New developments and show homes, from groundworks to the finished interior.
• Renovations, kitchens and fit-outs, where the before is half the sale.
• Product launches, building a product up layer by layer.
• Brand stories, from the first sketch to the thing on the shelf.

How we made it

Everything you see was made with AI, then designed, directed and checked by us. Three models did the heavy lifting:

• GPT Image 2.5 (OpenAI) painted all thirteen stages of the room, each one from the finished design, so nothing shifts between them.
• Seedance 2.5 (ByteDance) filmed the twelve moments in between, each one told exactly which frame to start on and which to land on.
• Topaz (Topaz Labs) upscaled every still four times over, so each pause is pin sharp on a big screen.

Getting it to feel real took a lot more than pressing generate (we threw away a lot of rooms):

• Whole pictures, never cut-outs. Our first versions pasted furniture in as cut-outs and it looked fake straight away. Every stage is now one complete image, so the light and shadows always match.
• The wiring stays put. The electrician's cables are painted into the early stages in exactly the spot the wall lights end up, so when the lights arrive it makes sense.
• One film, played by your scroll. The twelve clips are joined into a single film that the browser can jump to any frame of instantly. Your scroll position is the playhead.
• A sharp photo whenever you stop. Rest on a stage and the full resolution photo fades in over the film, so the pauses look as good as the stills.

Built by Sprint

The room builder is a UX experiment from Sprint, the web development studio that's part of Clicky Group. It's the first in a series of experiments showing what a website can feel like when you stop starting from a template.

Want your transformation told like this?

If you've got a before and after worth showing off, talk to Sprint. We'll show you what it could look like with your own project.