Lab

drag to spin · tap a plate

Arrangement

How to play with it

Grab the plates and throw them. Drag sideways to spin the ring and let go to send it coasting, or sweep the stack around and it trails after your cursor, dealing a new plate every few steps. Pick a shape and every plate springs into place, one after another. Tap any plate to pull it out for a closer look, then tap again to put it back.

Controls

  1. 01

    Drag

    Spin the ring, triangle or diamond

  2. 02

    Move over the stack

    The plates trail behind the cursor, one by one

  3. 03

    Flick

    Let go mid-drag and they keep coasting

  4. 04

    Tap a plate

    Pull it forward, tap again to put it back

  5. 05

    Tap the stack

    Flip to the next plate

  6. 06

    Stack, ring, triangle, diamond

    Spring every plate into that shape

  7. 07

    Hover

    Lifts the plate under the pointer

On a keyboard←→spin1234stack, ring, triangle, diamondReturnpull the front plate forwardEscput it back
Plates
Ernst Haeckel, Kunstformen der Natur (1904), public domain, via Wikimedia Commons
Inspired by
A countdown reel of a card ring folding between shapes
Made with
React, pointer events, CSS transforms and Next.js