Skip to main content

Examples

Every example below is made of ordinary, editable Studio layers, so you can take it apart and make it your own. Each example page plays the real exported OGraf package in your browser: take it in and out, and change its data to see it update. The dark checker shows through wherever a graphic is transparent, and the swatches under each player swap it for a colour, your webcam or an image of your own. The recipes are built into Studio: choose them from + Recipe… above the canvas.

These examples were made with the latest development build of OGraf Studio, 0.23.0-rc.1.

Lower third

A name strap with one Style field that restyles it for news, breaking or sport.

  • Recipe
  • Value maps
  • Rules

Scoreboard

Goal buttons, a match clock and a leader highlight that all run inside the graphic.

  • Recipe
  • Custom actions
  • Sport

Ticker

A native crawl with speed, direction, right-to-left text and update timing on the form.

  • Recipe
  • Native ticker

Countdown

Start, Pause, Reset and Restart buttons, overtime, and an alarm the graphic fires itself.

  • Recipe
  • Timer
  • Alarms

Clock

A live clock an operator or feed can switch between UTC and any time zone, on air.

  • Recipe
  • Clock

Bug / DOG

A channel identifier with a channel list and a pulsing live indicator.

  • Recipe
  • Branding

Rankings

A standings table: press Next and every row slides to its new place.

  • Steps
  • Runtime collection

Shader background

Animated GLSL light streaks with speed, tint and glow controls for the operator.

  • Shader
  • Background

Lottie pulse

A small looping Lottie animation for checking your playout environment.

  • Lottie
  • Loop

Have an example worth sharing? Open a pull request on GitHub with the .ogs project and a short description.