Get it on npm

Call to action

A short line, then a big button — a cursor glides on, presses it with a ripple, and it flips to the done label.

  • promo/cta
  • Promo
  • cta
  • Overlay with alpha
  • 4 s (1.5–15 s)
Live in your browser
Call to action at 16:9
0.00 / 4.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop. The graphic is transparent; the grey stands in for your footage.

Render it

npx volito render promo/cta --prop line="Ready when you are" --prop button="Get started" --out cta.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("promo/cta"), { props: { line: "Ready when you are", button: "Get started" }, out: "cta.mov" });

Or ask an agent with the MCP server connected: “Render the Volito call to action (promo/cta) in 9:16, in our brand.”

Props

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

PropTypeDefaultTakes
line
empty for none
textReady when you are≤ 40 chars
buttontextGet started≤ 20 chars
done
After the click
textYou're in≤ 20 chars
iconiconarrowRight—
positionchoicecentercenter | bottom

Parts

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

PartWhat it is
linethe line
buttonthe button
cursorthe cursor

Tags: promo, sale, offer, cta, button, click, shop now, sign up, download, link in bio

More in Promo

Sale badge

A starburst badge slams in spinning — 50% OFF — then wobbles while a dashed ring turns inside it.

Price card

A product card: the old price is struck through, the new price counts down to it, a saving chip pops and the button gets pressed.

Coupon

A ticket with a perforated tear line tears in: the deal on the stub, the code in a dashed box — then a click copies it.

Offer countdown

Offer ends in — days, hours, minutes and seconds in tiles, the seconds rolling down live. Sits low in the frame.

Feature list

A title, then features tick in one by one — a check draws in its circle and the line slides across.

Launch

A launch title: a NEW sticker spins on, the product name lands huge over the brand's pattern, then the tagline and when it is out.