Diagonal Reel
Team portraits slide down a diagonal staircase as you scroll.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- gap
- dim
- velocityShift
- counter
What it does
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.
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.