Vinyle Stack

A record crate you dig through with the cursor.

The site, live

The real site, inside the frame: scroll it to explore. Move off the frame to carry on reading this page.

A line, not a grid
Sleeves stand perpendicular to the path, like folders in a crate: you only see a slice of each, and the one you pull out reveals itself whole.
A spring-loaded pull
The targeted sleeve slides out sideways, overshoots slightly and settles back. Its two neighbours follow at 10 %, the next two at 5 %, and the spacing of the line never changes.
The record leaves its sleeve
It only appears as the sleeve is pulled, in proportion to the pull. That is the signature of the crate.
Endless scrolling
The line is a closed loop, one record per album: the first comes back after the last, with no duplicate and no gap, and both ends of the path fall off frame.
Sorting by colour
The dominant hue is not in the data: it is read off the sleeve itself, by weighted vote across 36 hue sectors, greys and blacks set aside.
Thirty seconds of music
Previews come from Deezer, with no account and no sign-in. The playlist is frozen at build time, so visitors land straight on it.
No framework
ES modules, a hand-written isometric projection and CSS transforms. 120 frames per second with the whole line on screen.

Do I need an account to listen?: No. The thirty-second previews are public: no account, no sign-in, no subscription.
Can the playlist be changed?: Yes, with one command: the studio freezes another Deezer playlist, downloads the sleeves, and the site runs on it. Nothing else to touch.
Why are some albums silent?: Preview availability depends on territory. Those albums keep their place and their sleeve in the crate; only the caption says the preview cannot be played here.
Is the preview on this page the real site?: Yes, it is the site itself, rendered live. In the catalogue tile it is shown without its text and runs on its own: the line scrolls and each sleeve slides out as it passes.