Milestone

A milestone badge: the platform's icon and the count rolling up to the goal; at the goal it pops, confetti bursts and the thank-you line rises under it.

• social/milestone
• Social
• social
• Overlay with alpha
• 5 s (3–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/milestone --style pastel --out milestone.movCopy

Render it

npx volito render social/milestone --prop line='Thank you for 100K!' --out milestone.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("social/milestone"), { props: { line: "Thank you for 100K!" }, out: "milestone.mov" });

Or ask an agent with the MCP server connected: “Render the Volito milestone (social/milestone) 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 badge.in=pop.

Tags: milestone, followers, subscribers, celebration, thank you

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.