Skip to content
animorio
IT
All QR codes

The QR that becomes a city

NewZIPPNGFree17 October 2026

Tap the code and the camera swings into isometric view: the dark modules rise into buildings, the three position squares become towers inside a moat, the light ones streets, parks and water. Change the time of day and the city colours, and tap it again to get back the code to scan.

The flat code always scans: it is a standard QR (error correction level M), tested with a phone camera. Before you print a thousand, scan it once.

What you can choose

Time of day
Dawn, Noon, Dusk, Night
City colours
Terracotta, Mint, Cobalt, Sorbet, Graphite

How to use it

  • Type the address

    Put the link to your site, a menu, a profile or just some text in the field and press Build. The code rearranges itself around the new address.

  • Watch it transform

    Tap the code: it steps into its style, and you change it with the choices below. Tap it again and it lies flat, ready to scan.

  • Download the animation

    The zip is the whole animation with your link and your colours: three files for your site, with the values to change at the top of the code, plus the PNG of the flat code (about 2000 pixels) for print. The zip needs a free account, the PNG alone does not.

How it’s made

  • A real QR

    The code comes from qrcode-generator (level M, UTF-8 text, so accents work too) and at rest it is drawn flat, with modules on whole pixels and a four-module margin: it scans like a printed QR.

  • A fake camera

    No WebGL: every building is a box projected by hand on a 2D canvas. The camera moves from top-down to isometric on a spring, and the buildings rise staggered by their distance from the point you tapped.

  • Light that changes

    Each time of day is a palette of sky, façades, shadows and windows; moving from one to the next, the colours blend from where they are, even halfway through a change.

The other styles

Animated QR codes16 styles