Get it on npm

Sale badge

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

  • promo/sale-badge
  • Promo
  • cta
  • Overlay with alpha
  • 3 s (1–15 s)
Live in your browser
Sale badge at 16:9
0.00 / 3.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/sale-badge --prop big="50%" --prop small="Off" --out sale-badge.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("promo/sale-badge"), { props: { big: "50%", small: "Off" }, out: "sale-badge.mov" });

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

Props

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

PropTypeDefaultTakes
bigtext50%≤ 6 chars
smalltextOff≤ 12 chars
x
Centre across (%)
number780 – 100
y
Centre down (%)
number300 – 100
sizenumber10040 – 200

Parts

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

PartWhat it is
badgethe starburst
wordsthe words

Tags: promo, sale, offer, badge, starburst, discount, percent, off, sticker

More in Promo

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.

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.