A wall of loops that writes your brief

Build one interactive web page: Sampleton Frame Studio. Twenty small films, each a three-second loop drawn live from nothing but a phase, fill a wall under one giant line. Filter by kind of film (titles, product, explainer, social), point at a loop to read what it is for, tap the ones that are like what you want, and the sheet beside the wall writes a brief you can copy and send. Loops that are off screen or filtered out hold still, and the readout counts how many are actually animating.

Set it on an invented business called Sampleton, with its own drawn or generated pictures and no one else's files. It suits: A studio, an agency or any maker whose work is hard to describe in words: the wall is the portfolio and the way to start the conversation. Do not let it fail the way this kind of piece usually does: A wall of motion that tires the reader and drains the battery, and picks that go nowhere. Here nothing off screen animates, reduced motion holds one frame of each, every loop is a button with its purpose in words, and what you pick turns into a brief to send.

It must work with the keyboard, on a phone, with reduced motion respected and no text under 12px. Tell me which libraries you chose and why.