# Diagonal Reel

> Team portraits slide down a diagonal staircase as you scroll.

Diagonal Reel is an image animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called diagonal team scroll, staircase gallery or team reel.

A pinned stage sets portraits on a 45 degree staircase. Scrolling slides them through the centre, where one takes colour while the others fade to grey, a large counter rolls and the name, role and note change. Reduced motion shows a list.

- Page: https://foundry44.dev/components/diagonal-reel/
- Category: [Images](https://foundry44.dev/library/images/)
- Interactions: scroll
- Dependencies: none
- Licence: Pro

## With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.

Settings: `gap`, `dim`, `velocityShift`, `counter`.