Bento Shuffle: a bento grid whose tiles trade places

A bento layout of one big tile and smaller ones; every beat the tiles trade places and resize.

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

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

Bento Shuffle template: a bento grid whose tiles trade places

How Bento Shuffle moves

Bento Shuffle arranges your images in a bento layout, one large tile and five smaller ones, and every beat each tile moves to the next cell and resizes to fit it, so every image takes a turn as the big tile. Tall frames switch to a four tile layout. Six slots and a 12 second loop. The bento look is common on product and SaaS pages, so it fits feature overviews at 16:9.

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

Bento Shuffle settings

Every setting below is in the studio panel for Bento Shuffle. 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%
Gap0.5% to 8%3%
Hold10% to 85%55%
EasingCustom, Smooth, Natural, Slow down, Snappy, Accelerate, Elastic, Bounce, Overshoot, Impulse, Swing, LinearSmooth

Make a Bento Shuffle video

  1. Step 1

    Open the template

    "Use this template" opens Bento Shuffle 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 5 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 Bento Shuffle works well

More Grid templates

All 9 Grid templates →

Other kinds of motion

See all 70 templates →