Start a graphics integration with a real, editable MLCG template. This gallery shows 20 default designs available in MLCG Editor, from compact scorebugs and tickers to full-screen information boards. These are layered templates—not baked videos—so you can change their content and design in the editor, publish an HTML output and control exposed data from your application.
The templates shown here use a 1920 × 1080 design canvas at 50 fps. The lightweight 10 fps GIFs loop short excerpts (up to five seconds), scaled to preview size; they are not production output files or a frame-rate benchmark. Transparent overlays are shown against black, while full-frame designs retain their own backgrounds.
All names, scores, prices, forecasts, warnings, election figures, social posts and time displays are illustrative default content. A moving ticker does not imply an attached live feed, and a displayed clock value does not imply an automatic timer.
Browse by category
News · Sports · Esports · Weather · Business · General
Use a design in your application
- Open MLCG Editor and its Library. Search for an exact template name below, or use its category filter.
- Choose a template and adapt its layers, text, images, colors and animation in your workspace. The editable-content notes below highlight useful starting points; they are not an exhaustive list of layers or binding keys.
- Publish your graphics and copy the output URL. Use the MLCG graphics workflow and SDK samples to render that HTML output over video.
- For programmatic content and animation control, use the MLCG REST Client for C#. Your application's data source and update logic are separate from the visual template.
For design and publishing guidance, see the MLCG Editor documentation. For the rendering integration itself, see HTML5 Overlay: getting started.
News
Identification, breaking coverage and editorial story treatments.
News Pro • Anchor Lower Third
Portrait-led anchor lower third with a LIVE label, name and title reveal.
Format: Lower third. Editable content: portrait, name, title, kicker, time text and accent color.
Newsroom • Breaking / Vertical Alert
Vertical breaking-news flag, headline plate and an independent developing-story crawl.
Format: Ticker and alert overlay. Editable content: strap, status, headline, detail and crawl messages.
News Pro • Over-the-Shoulder Story
Over-the-shoulder story image with a developing tag, headline and source credit.
Format: Overlay. Editable content: story image, label, headline, source credit and accent color.
News Pro • Statement Quote Card
Editorial statement card with staged quote lines and speaker attribution.
Format: Full-screen. Editable content: quote lines, speaker, role, label, channel name and accent color.
Sports
Compact match information, player identification and event-specific comparison graphics.
Sports Pro • Match Scorebug
Compact football scorebug with team crests, scores, match-clock text and a competition strip.
Format: Scorebug. Editable content: team codes and crests, scores, team colors, period, clock text and competition.
Sports Pro • Player Spotlight
Portrait player spotlight with shirt number, role and four statistic tiles.
Format: Player-card overlay. Editable content: player portrait, number, name, role, team color and statistic values and labels.
Golf Leaderboard
Five-player golf table with position, player, holes-through and score-to-par columns.
Format: Full-screen. Editable content: tournament, round, player names, holes-through and scores.
Combat Fight Card
Combat matchup with two athlete portraits, corner colors, records and bout information.
Format: Full-screen. Editable content: event, division, athlete names and records, venue, start-time text and bout format.
Esports
Match HUDs, team introductions and caster identification.
Esports Pro • Match Scoreboard
Neon match HUD with fictional team emblems, scores, timer text and map-win markers.
Format: Scorebug. Editable content: team tags, emblems and colors, scores, round label, timer text and map-win indicators.
Esports Pro • Versus Intro
Versus introduction with contrasting teams, emblems and an arena background.
Format: Full-screen. Editable content: event, team names, logos and metadata, versus title and bottom caption.
Esports Pro • Casters Lower Third
Two-caster lower third with role labels, on-air handles and presenter names.
Format: Lower third. Editable content: label, caster roles, on-air handles and presenter names.
Weather
A forecast strip, a full-screen day-ahead outlook and an alert crawl, each with a different on-air role.
News Pro • Five-Day Weather
Five-day forecast strip with animated weather symbols and daily highs and lows.
Format: Overlay. Editable content: city, tag, subtitle, day labels, high and low temperatures, conditions and accent color.
Motion • Weather / Day Ahead
Amsterdam day-ahead forecast with current conditions and five hourly temperature cards.
Format: Full-screen. Editable content: city, condition, current temperature, details, hourly time labels and temperatures.
News Pro • Weather Alert Crawl
Weather warning label and region paired with a scrolling alert crawl.
Format: Ticker. Editable content: alert label, region, example warning messages and alert color.
Business
Market summaries, comparative results and scrolling financial information.
Market Watch / Global Indices
Global-index snapshot with separate price, direction and session-change columns.
Format: Full-screen. Editable content: desk, title, edition, index names and symbols, exchanges, values, direction markers and changes.
News Pro • Election Results Ticker
Illustrative election-results crawl with party percentages, seat totals and a declared-seats label.
Format: Ticker. Editable content: tag, declared-seats label, time text, result messages and accent color.
News Pro • Market Ticker
Market crawl combining example index, currency and commodity values.
Format: Ticker. Editable content: market tag, time text, example crawl messages and accent color.
General
Reusable social, program-identification and transition treatments.
General Pro • Social Post Card
Social post card with author identity, message and engagement totals.
Format: Overlay. Editable content: author, initials, handle, platform label, message lines, engagement text and accent color.
General Pro • Countdown / Clock Bumper
Starting-soon bumper with an editable time display and next-program label.
Format: Overlay. Editable content: eyebrow, displayed time, next-program subtitle and accent color. The default time is bound text, not an automatic countdown.
Motion • Transition / Split Resolve
Split-panel transition with a program title and staggered panel motion.
Format: Transition. Editable content: program title and the panel layers that form the transition design.
Next steps
- Open MLCG Editor to browse the current Library and adapt a template.
- MLCG Editor documentation covers design, publishing and playout.
- MLCG graphics workflow and SDK samples connects the editor's output to MFormats and MPlatform.
- MLCG REST Client for C# explains application-side discovery, data updates and animation control.
- HTML5 Overlay: getting started explains rendering HTML graphics over video.
Still have questions?
Tell us what didn’t work or what you’d like clarified.