Get it on npm

Offer countdown

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

  • promo/offer-countdown
  • Promo
  • timer
  • Overlay with alpha
  • 5 s (2–60 s)
Live in your browser
Offer countdown at 16:9
0.00 / 5.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/offer-countdown --prop label="Offer ends in" --out offer-countdown.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("promo/offer-countdown"), { props: { label: "Offer ends in" }, out: "offer-countdown.mov" });

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

Props

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

PropTypeDefaultTakes
labeltextOffer ends in≤ 28 chars
hours
Hours left
number260 – 9999
minutes
And minutes
number410 – 59
days
Show days
booleantrue—

Parts

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

PartWhat it is
panelthe panel
digitsthe digit tiles

Tags: promo, sale, offer, countdown, timer, deadline, urgency, ends, limited

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.

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.