Cover flow

A cover flow: the middle card faces you, the ones either side lean away in a stack, and the row steps along one card at a time, with a reflection on the floor and the centre card's title and tag under it.

carousels/cover-flow
Carousels
scene
Full frame
8 s (3–60 s)

Cover flow at 16:9 — Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render carousels/cover-flow --out cover-flow.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render carousels/cover-flow --aspect 9:16 --style cobalt --out cover-flow-9x16.mov
volito render carousels/cover-flow --format mp4 --out cover-flow.mp4
volito still carousels/cover-flow --t 4 --out cover-flow.png
volito info carousels/cover-flow     # every prop and part
volito add carousels/cover-flow      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("carousels/cover-flow"), { props: {}, out: "cover-flow.mov" });

Or ask an agent with the MCP server connected: “Render the Volito cover flow (carousels/cover-flow) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

Prop	Type	Default	Takes
`title`	text	—	≤ 50 chars
`cards` Cards (Title: tag)	list	{"title":"Morning light","tag":"Lookbook 01"}; {"title":"City nights","tag":"Lookbook 02"}; {"title":"Studio session","tag":"Behind the scenes"}; {"title":"Coastline","tag":"Travel"}; {"title":"Golden hour","tag":"Portraits"}; {"title":"Night market","tag":"Street"}; {"title":"Snow days","tag":"Winter"}; {"title":"Road trip","tag":"Travel"}	—
`count` Cards	number	8	3 – 12
`pace` Seconds per card	number	1.2	0.6 – 4
`image1` Picture 1	image	—	—
`image2` Picture 2	image	—	—
`image3` Picture 3	image	—	—
`image4` Picture 4	image	—	—
`image5` Picture 5	image	—	—
`image6` Picture 6	image	—	—
`image7` Picture 7	image	—	—
`image8` Picture 8	image	—	—

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

Part	What it is
`ground`	the ground
`title`	the heading
`row`	the cards

Tags: cover flow, carousel, albums, gallery, showcase

More in Carousels

Ring carousel

Cards round a ring seen from just above: it swings one card at a time, fast then slow, cards shrinking and fading round the back, the one in front named underneath. Your pictures, or tiles in the brand's colours.

Orbit carousel

Cards orbiting a title on a tilted ellipse: they pass behind the words and swing round in front, larger and brighter when near, each tilting with its path.

Path carousel

A conveyor of cards along a gentle S-curve: they glide in from one side, grow as they pass the middle and leave on the other, on a loop (top to bottom on tall frames).

Text ring

Words set round a circle and turning slowly, a second ring turning the other way inside it, and a big word (or a mark) in the centre — a badge, a loop, a seal.