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.

• promo/price-card
• Promo
• cta
• Overlay with alpha
• 5 s (2–20 s)

16:99:161:14:5

Live in your browser

0.00 / 5.00 s

Render it

npx volito render promo/price-card --prop kicker="Weekend deal" --prop name="Studio headphones" --out price-card.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("promo/price-card"), { props: { kicker: "Weekend deal", name: "Studio headphones" }, out: "price-card.mov" });

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

Tags: promo, sale, offer, price, product, card, discount, shop, ecommerce

More in Promo

Sale badge

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

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.

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.

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.