Pure CSS 3D. Every tape is two faces of a box, a spine and a cover set at 90 degrees, and one easing function both turns the centred box and pushes its neighbours apart. The detail sheet grows out of the cover's exact rectangle, so it feels like you pulled the tape off the shelf.
Nothing to attach. All twelve key-art posters are hosted here and the prompt already points at them, so the page runs the moment your AI hands it back. Try the live build ↗
The prompt
Paste this into Claude and open the file it gives you in Chrome. Nothing to install, no server.
Make it yours
Three swaps and it's your archive:
- The art. Any 768x1376 portrait images work: posters, album covers, book jackets. - The data. Titles, years and synopses for your own work; the decade tabs build from the years. - The palette. Keep one accent and spines in 3-4 colours so the shelf reads as a set.
Re-run the prompt with your changes rather than editing the output by hand. The motion timings stay consistent that way.
