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.

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

Ring 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/ring-carousel --prop title="The collection" --out ring-carousel.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("carousels/ring-carousel"), { props: { title: "The collection" }, out: "ring-carousel.mov" });

Or ask an agent with the MCP server connected: “Render the Volito ring carousel (carousels/ring-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	The collection	≤ 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	10	4 – 16
`pace` Seconds per card	number	1.1	0.6 – 4
`direction` Turns	choice	right	right \| left
`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
`ring`	the cards

Tags: carousel, ring, gallery, 3d, portfolio

More in Carousels

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.

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.