Get it on npm

Score bug

A sports score bug: two teams with their colours and scores, the period and a running clock. A goal adds a point with a flash.

  • broadcast/score-bug
  • Broadcast
  • banner
  • Overlay with alpha
  • 8 s (2–600 s)
Live in your browser
Score bug at 16:9
0.00 / 8.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 broadcast/score-bug --prop home="MON" --prop away="NWD" --out score-bug.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("broadcast/score-bug"), { props: { home: "MON", away: "NWD" }, out: "score-bug.mov" });

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

Props

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

PropTypeDefaultTakes
home
Home team
textMON≤ 4 chars
away
Away team
textNWD≤ 4 chars
homeScore
Home score
number20 – 999
awayScore
Away score
number10 – 999
homeColor
Home colour
color#FF6A3D—
awayColor
Away colour
color#3DD6FF—
periodtext2nd≤ 6 chars
clock
Clock (mm:ss)
text67:12≤ 6 chars
clockRuns
Clock
choiceupup | down | stopped
goalchoicehomenone | home | away
goalAt
Goal at (s)
number3.50 – 600

Parts

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

PartWhat it is
bugthe board
homethe home row
awaythe away row
clockthe period and clock

Tags: sports, score, scoreboard, overlay, broadcast

More in Broadcast

Lower third — two bars

A name bar wipes in from one side and a role bar in the accent from the other, the words rising inside their bars.

Lower third — mask reveal

Cardless: an accent sweep crosses the frame and leaves the name behind it, then the role fades up. Made for footage.

Lower third — kicker

A kicker tag in the accent, a heavy name and a baseline that draws under it, the role beneath. Cardless, for footage.

Lower third — pill

A rounded pill with a picture or initials, a status dot, the name and the role. Pops in; good for podcasts and calls.

Lower third — news boxes

Broadcast style: a tight headline box with a hard accent shadow, a sub-line box beneath and an optional tag above.

News ticker

A crawl along the bottom: a label block in the accent and a line of items scrolling left without a break.