Focus Slider: a slider that enlarges the card in focus

A row of small cards steps along; the card in focus grows to about twice the size of the rest.

Use this templateOpen in 9:16Open in 1:1

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

Focus Slider template: a slider that enlarges the card in focus

How Focus Slider moves

Focus Slider steps a row of small cards along and grows the card in the centre to about twice their size, while the others zigzag above and below the line. The zigzag can flip at each step or stay fixed, and the row can run horizontally or vertically. Eight slots and a 10 second loop. A neat way to show a set of screens with one always in focus, at 16:9.

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

Focus Slider settings

Every setting below is in the studio panel for Focus Slider. 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 size40% to 100%82%
Center scale120% to 260%200%
Zigzag offset0% to 90%55%
Gap1% to 20%6%
Slide portion30% to 95%80%
EasingCustom, Smooth, Natural, Slow down, Snappy, Accelerate, Elastic, Bounce, Overshoot, Impulse, Swing, LinearSmooth
DirectionHorizontal, VerticalHorizontal
Zigzag modeAlternate (flip each step), FixedAlternate (flip each step)

Make a Focus Slider video

  1. Step 1

    Open the template

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

  2. Step 2

    Add your work

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

  3. Step 3

    Tune the motion

    Change the 10 settings above, the loop length (10 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 Focus Slider works well

More Carousel & Flow templates

All 11 Carousel & Flow templates →

Other kinds of motion

See all 70 templates →