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).

carousels/path-carousel
Carousels
scene
Full frame
8 s (3–60 s)

Path carousel 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/path-carousel --out path-carousel.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

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

Or ask an agent with the MCP server connected: “Render the Volito path carousel (carousels/path-carousel) 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	4 – 12
`speed`	number	1	0.2 – 3
`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
`path`	the path line
`cards`	the cards

Tags: carousel, conveyor, gallery, marquee, loop

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.

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.

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.