SPX | Project settings

Choose a template (OGRAF)

Home
Up

More graphics and plugins

SPX Store is SPX Graphics' official Store for free and premium SPX templates and application extensions.

▶ spx.graphics/store

Creative Services

SPX Graphics offers creative services for businesses. Our team of designers and developers can help you with your next project.

Custom templates and Extensions
Workflow development
System integrations
SLA and Support

▶ Get in touch

SPX Store

SPX Store screenshot

HTML animation tool

Create SPX templates with a browser based animation tool.

Loopic supports SPX template definition and generated templates are stored straight into SPX template folder, so you can go on-air instantly.

▶ Start Loopic

Resources:
▶ User Guide
▶ SPX templates using Loopic

Loopic screenshot

SPX templates from After Effects

StreamShapers' Ferryman enables graphic designers to transform their creative ideas from animated Lottie files from Adobe After Effects into dynamic HTML templates without any need for HTML, CSS, or JavaScript development.

Ferryman supports SPX template definition, allowing the generated templates to be seamlessly integrated into SPX for instant playback!

▶ ferryman.streamshapers.com

Resources
▶ Ferryman tutorial
▶ SPX templates using Ferryman

Ferryman screenshot

Add extra control to the project

Button
Simple push button which executes a function

Toggle button
Button with separate functions for on and off states

Selection dropdown with a button
Dropdown selector with multiple options

Welcome
Projects...

MyFirstOgrafProject/MyFirstOgrafRundown

FirstOgrafProject/FirstOGrafRundown

FirstProject/FirstRundown

Search...

Application configuration...
API Documentation...
Help...

Open output window...
Open output window... (scalable)

Kill (Restart SPX-Server)

Test A (loadTemplate)
Test B (playTemplate)

▶ Projects ▶ FirstOgrafProject ▶ Project settings

Templates assigned to this project

Template file
Description
Template fields	5 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	5 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	6 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	6 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	7 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	7 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

Template file
Description
Template fields	5 pcs
CasparCG playout
Data format
Web playout layer
Layer load function
Stop animation
Accent color
Updated	4/14/2026 7:26:44 AM

General settings

Static background image (usually transparent)

Project extras

Javascript file (/js/...)

Click + to add an extra control to this project

SPX Broadcast v. 1.0.3 spx.graphics | Support