Filmstrip Frame Row Features Block for React

Each frame is a FrameCell with a frame (a title and a description), a number and its drawing as the child. Add one by writing another FrameCell and a drawing component, and update TOTAL so the "Frame 02 / 05" badges agree.

Drag or swipe, use the scroll wheel with Shift, or drag the thumb of the scrollbar under the frames. The thumb is always showing, on a visible track, so it's clear there is more. The frames snap gently into place and the list has a name, "The five frames of a demo, side by side". The scroll area draws its own scrollbar, always visible, in the theme's colours.

No. They are small greyscale drawings from tokens, hidden from assistive technology, so each frame's title and sentence carry the meaning. They keep their 16 by 9 shape at every width.

Yes. The frames run from the right, the edge fades and the snap points follow the direction, the timeline's times keep their order, and the cut marker mirrors with the strip.

The header and the strip fade up once when the page loads, with a CSS transition; with reduced motion they appear at once. Scrolling is the visitor's own, and nothing moves by itself.

Frames are 80% of the width, so the next one shows at the edge as a hint, and the scrollbar thumb is visible under them. The drawings and text stay at the same sizes, and the page itself never scrolls sideways at 320 pixels.