Scoreboards & Stats

How to Add a Score Bug to a Sports Video

Updated October 30, 20263 min read

How do you add a score bug to a game video?

Use a score bug preset, enter the team names and scores, set the colors, and export a transparent WebM. Pin it to a top corner for the length of the clip, and cut to a full-frame leaderboard or final score card between plays.

Sports coverage is mostly information design. These presets pin a score bug, stack a leaderboard, face off a versus card, compare stats and close with a final score, all with your own teams and numbers.

Five scoreboards & stats presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Score Bug

    The corner scorebug: two team plates, live scores and a game clock that drops in from the top.

  • Leaderboard

    Ranked rows slide in one by one with score bars sized to each result. Built for tournaments and standings.

  • Versus Card

    Two skewed panels crash in from either side and a VS badge pops in the middle. Fight-night energy.

  • Stat Compare

    Head-to-head stat bars grow out from the centre line with values on both flanks. Post-match analysis ready.

  • Final Score

    A result card pops open, the scores count up to the final line and the fixture details settle underneath.

All scoreboards & stats

Step by step

  1. Pick by moment in the match

    Score Bug sits in the corner during play. Versus Card opens the video with two names colliding, Stat Compare suits half time or post-match analysis, and Final Score closes it with a count up. Leaderboard fits tournaments and league standings rather than a single match.

  2. Enter teams and numbers

    On Score Bug, Labels hold the two team names, Values hold the two scores, and Subtitle fills the clock plate. Stat Compare uses Title and Subtitle for the teams, Labels for each stat, and Values in pairs, home then away, with Decimals for precision. Leaderboard bars size themselves from Values.

  3. Export one clip per score

    Score Bug's numbers and clock text are fixed for the clip and do not tick, so make one version for each score and cut between them at the moment of each goal. It defaults to 15 seconds, drops in and exits within that time, and can run to 60.

  4. Split overlays from full cards

    Keep Score Bug transparent and export WebM with alpha for CapCut or Resolve, or a PNG sequence for Premiere Pro and After Effects, because an opaque bug covers the play. For Versus Card or Final Score as a shot of their own, set a solid background and export MP4.

  5. Cut them against the action

    In CapCut, import each score's WebM to the same overlay track and butt the clips together at the goal. In Premiere Pro, import each PNG sequence with Image Sequence ticked, and set the rate under Interpret Footage. Leave Position at top-left unless your footage has a watermark there.

Where it is used

  • Amateur league highlights

    A Sunday league highlight reel filmed from the touchline, with Score Bug updating between goals and Final Score closing the video in the team's own kit colors.

  • Tournament recaps

    A gaming or chess club recap where Leaderboard slides in the standings after each round and bars show at a glance how far first place is ahead.

  • Fight and match promos

    A promo for a boxing card or a cup semi-final, with Versus Card crashing two names together and Subtitle carrying the date and the time.

Presets
5
Default duration
5 to 15 seconds, up to 60
Best export
WebM or PNG sequence for bugs, MP4 for full cards
Aspect ratios
16:9, 9:16, 1:1, 4:5

Which format should you export?

Transparent WebM. A score bug lives over the match, and an opaque one covers the play.

Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Keep the bug in one corner for the whole video; moving it breaks the illusion.
  • Abbreviate team names to three letters so the bug stays compact.
  • Save the full-frame card for the final whistle.

Three things people get wrong

  • Sizing the bug for a monitor rather than a phone, which is where most highlights are watched.
  • Updating the score before the play resolves.
  • Abbreviating team names in a way that only the home crowd can decode.

Frequently asked

Can I use real team logos?

Upload your own artwork where a preset accepts an image. No club or league marks are included.

Can I update the score mid-clip?

Export separate clips for each state and cut between them; each render is deterministic so they match exactly.

  • How to Make an Animated Number Counter for a Video

    Number Counters

    How to Make an Animated Number Counter for a Video

    Choose a counter preset, set the start and end values, decimals, prefix and suffix, then pick the duration and easing. The number counts up in the preview exactly as it will in the export, which you can drop into a report, an ad or a social post.

    Read the guide
  • How to Animate a Chart for a Video

    Animated Infographics

    How to Animate a Chart for a Video

    Enter your values and labels into a chart preset, set the colors, and choose how fast the bars grow or the line draws. Export MP4 for a slide or transparent WebM to place the chart over a presenter, with no spreadsheet or plugin involved.

    Read the guide
  • How to Make a Candlestick Chart Animation

    Trading & Markets

    How to Make a Candlestick Chart Animation

    Pick a market preset, set your colors, and choose how fast the candles print or the ticker scrolls. The figures are illustrative and cannot be typed in, so use these to explain a pattern rather than report a market. Export MP4 for a full screen or transparent WebM to place the chart over a presenter, with no terminal screenshot required.

    Read the guide
Ready to create?

Make your next clip in the next five minutes

Editing and previewing are free. You only spend a credit when the finished file lands on your machine.

5 free HD downloads on a new account · No card required