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.

  • carousels/text-ring
  • Carousels
  • scene
  • Full frame
  • 8 s (3–60 s)
Style
Live in your browser
Text ring at 16:9
0.00 / 8.00 s
npx volito render carousels/text-ring --style riso --out text-ring.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/text-ring --prop text="Made with Volito · Motion as code" --prop inner="Any brand · any aspect" --out text-ring.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("carousels/text-ring"), { props: { text: "Made with Volito · Motion as code", inner: "Any brand · any aspect" }, out: "text-ring.mov" });

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

Props

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

PropTypeDefaultTakes
text
Outer ring
textMade with Volito · Motion as code≤ 60 chars
inner
Inner ring
textAny brand · any aspect≤ 50 chars
center
Centre
textV≤ 8 chars
speednumber10 – 4

Parts

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

PartWhat it is
groundthe ground
ringsthe text rings
centerthe centre

Tags: text circle, badge, ring, rotating, seal

More in Carousels