Diagonal Carousel: an overlapping chain of cards sliding diagonally

Overlapping cards slide along a diagonal through the frame, continuously or step by step.

Opens in the studio with sample work. Free at 720p.

Diagonal Carousel template: an overlapping chain of cards sliding diagonally

How Diagonal Carousel moves

Diagonal Carousel lines up overlapping cards along a diagonal and slides the chain through the frame, the cards further along always on top. Pick one of four directions, how much the cards overlap, and continuous or stepped movement. Six slots. The diagonal adds energy without 3D, which keeps type in your screenshots crisp, at 16:9 or 1:1.

In the studio you can tune its 7 settings along with the background, shadow and loop length, and your images never leave your device.

Diagonal Carousel settings

Every setting below is in the studio panel for Diagonal Carousel. Each one changes the loop live, so you can try values while it plays.

SettingRangeStarts at
Padding0% to 20%6%
Corner radius0% to 12%3%
Card size20% to 70%40%
Overlap0% to 85%55%
EasingCustom, Smooth, Natural, Slow down, Snappy, Accelerate, Elastic, Bounce, Overshoot, Impulse, Swing, LinearSmooth
DirectionDown-right ↘, Down-left ↙, Up-right ↗, Up-left ↖Down-right ↘
MovementContinuous, Stepped (per card)Continuous

Make a Diagonal Carousel video

  1. Step 1

    Open the template

    "Use this template" opens Diagonal Carousel in the studio at 16:9, already playing with sample work.

  2. Step 2

    Add your work

    It starts with 6 spots for images or short videos. Empty spots repeat your images, so a few are enough.

  3. Step 3

    Tune the motion

    Change the 7 settings above, the loop length (12 seconds to start), background and shadow.

  4. Step 4

    Export the loop

    Download MP4 or WebM. 720p is free with a free account and no watermark; 1080p, 2K and 4K come with Pro.

Where Diagonal Carousel works well

All 11 Carousel & Flow templates →

Other kinds of motion

See all 70 templates →