Joined

Who joined: overlapping avatar badges pop in one after another, a +N badge closes the row and the line ("Ana, Kenji and 12 others joined") types in.

• social/joined
• Social
• social
• Overlay with alpha
• 5 s (2–20 s)

Style

Your brandPastel FlatdefaultCream FlatBold PopClean StudioWhiteboardSketchbookPaper CollagePaper DioramaClaymationStorybookAcidCandyRisoRetroDinerBlueprintCapsuleMemphisSwissMintEditorialEmberEditorial MonoNeon NightPixel ArcadeCobaltTomatoAuroraSunsetLimeSportForestLuxeTerminalVaporSci-fi

16:99:161:14:5

Live in your browser

0.00 / 5.00 s

npx volito render social/joined --style pastel --out joined.movCopy

Render it

npx volito render social/joined --prop line="joined the stream" --out joined.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("social/joined"), { props: { line: "joined the stream" }, out: "joined.mov" });

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

Props

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

Parts

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

Tags: joined, avatars, community, members, social proof

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.