Now playing
A music card: the cover (or a generated one), the title and artist, a progress bar moving with the clip and an equaliser.
social/now-playing- Social
- social
- Overlay with alpha
- 6 s (2–60 s)
Render it
npx volito render social/now-playing --prop title="Midnight Edit" --prop artist="The Long Cut" --out now-playing.movThat writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:
volito render social/now-playing --aspect 9:16 --style cobalt --out now-playing-9x16.mov
volito render social/now-playing --format mp4 --out now-playing.mp4
volito still social/now-playing --t 3 --out now-playing.png
volito info social/now-playing # every prop and part
volito add social/now-playing # copy its source into ./motion to editFrom Node:
import { findItem, renderVideo } from "volito";
await renderVideo(findItem("social/now-playing"), { props: { title: "Midnight Edit", artist: "The Long Cut" }, out: "now-playing.mov" });Or ask an agent with the MCP server connected: “Render the Volito now playing (social/now-playing) 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 |
|---|---|---|---|
titleSong | text | Midnight Edit | ≤ 32 chars |
artist | text | The Long Cut | ≤ 32 chars |
cover | image | — | — |
lengthLength (m:ss) | text | 3:42 | ≤ 6 chars |
startStarts at (0–1) | number | 0.34 | 0 – 1 |
position | choice | auto | auto | center | bottom-left | bottom-right |
Parts
Each part takes any move, ease or idle: --motion card.in=pop.
| Part | What it is |
|---|---|
card | the card |
cover | the cover |
title | the song and artist |
progress | the progress bar |
eq | the equaliser |
More in Social
Follow card
A profile card: picture or initials, name with a verified check, handle, a follower count that counts up, a line of bio and a Follow button a cursor presses.
Notification
A phone or desktop notification slides in: the app's icon and name, the time, a bold title and the message.
Notification stack
Notifications land one after another and stack up, each new one pushing the pile down.
Comments
Comment cards appear one by one: a picture or initials, the name, the time, the words typing on and a like count.
Chat thread
A message thread plays out: their bubbles arrive after a typing indicator, yours on the right in the accent.
Social post
A post card: picture or initials, name, handle and check, the words, and likes, reposts and replies counting up as a heart pops.
