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.

  • carousels/orbit-carousel
  • Carousels
  • scene
  • Full frame
  • 8 s (3–60 s)
Style
Live in your browser
Orbit carousel at 16:9
0.00 / 8.00 s
npx volito render carousels/orbit-carousel --style riso --out orbit-carousel.mov
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/orbit-carousel --prop title="Made this year" --out orbit-carousel.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("carousels/orbit-carousel"), { props: { title: "Made this year" }, out: "orbit-carousel.mov" });

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

Props

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

PropTypeDefaultTakes
titletextMade this year≤ 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
number73 – 10
speednumber10.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.

PartWhat it is
groundthe ground
titlethe title
cardsthe cards

Tags: carousel, orbit, gallery, title, 3d

More in Carousels