Falcon Graphics

Create OGraf and HTML5 broadcast graphics directly in your browser — free. Start from 30+ templates, bind every value to OGraf Data and export.

Create broadcast graphics
in your browser. Free.

Falcon Graphics is a free, browser-based OGraf graphics editor for broadcast, streaming and live production. Choose from more than 30 templates or start from scratch, and create your first on-air graphic in minutes.

Animate with a visual timeline, bind every visual value to OGraf Data and export directly for CasparCG, Falcon Play and other OGraf-compatible players. Nothing to install — your project stays on your own computer.

Key Features

Editor

  • Runs in your browser
  • Free to use
  • 30+ editable templates
  • Blank 16:9 compositions
  • First graphic in minutes

Layers

  • Text, shapes & images
  • Website iframes
  • Isolated HTML & code frames
  • Live Data sources
  • Responsive text width limits

OGraf & Data

  • Bind every visual value
  • Valid JSON Schema fields
  • Text, choice, number, colour
  • Live Data from URL or API
  • OGraf vs Live Data kept clear

Animation

  • Visual timeline & keyframes
  • IN / HOLD / UPDATE / OUT
  • Easing curves
  • Motion blur
  • Auto Keyframe

Export

  • Direct export for CasparCG
  • OGraf package w/ manifest
  • Self-contained HTML
  • play/next/update/stop/remove
  • Local .fgproject files

Free, browser-based and easy to use

Open Falcon Graphics in a modern browser and begin immediately. Choose one of more than 30 ready-to-edit templates, or start with a blank 16:9 composition. Add layers, move them directly in the viewport and use clear, guided controls to create a production-ready graphic in minutes.

The OGraf lifecycle is visible

IN, HOLD, UPDATE, NEXT and OUT are built into the same timeline as your keyframes. Set the action ranges visually, preview the complete lifecycle and export the same actions to CasparCG, Falcon Play or another OGraf-compatible player.

Bind every visual value to OGraf Data

Data binding is not limited to text. Bind position, width, height, rotation, opacity, visibility, motion blur, blur strength, text content, font family, font size and more. Incoming OGraf Data can change both content and design from the playout system.

Real OGraf fields. Valid JSON Schema.

Create and edit the field label, key, value type, control type, default value and description. Falcon Graphics maps the field to valid JSON Schema and embeds the resulting GDD data correctly in the exported graphic for compatible control interfaces.

More than 30 templates included

Get started with ready-to-edit designs for lower thirds, news, sports, weather, finance, events, interviews, branding and fullscreen information. Every template can be changed completely — layers, colours, type, data fields, timing and animation all remain yours to edit.

Animation without guesswork

Choose exactly which properties a keyframe should remember. Add fade, slide or pop transitions, select an easing curve and enable motion blur with adjustable strength. Auto Keyframe is available when you want viewport changes to build the animation automatically.

Live Data directly from a URL or API

Fetch plain text, JSON through a selected JSON path or HTML through a CSS selector. Add a prefix, suffix and fallback, then choose whether the value loads once, updates after an OGraf update or refreshes at an interval. The request runs directly in the editor and in the exported graphic.

Your project stays on your computer

The editor runs on the web, while the working project is saved locally as a .fgproject file. Open it again, continue editing and decide yourself where the finished HTML or OGraf graphic is distributed. Browser recovery protects recent work along the way.

FAQ

Is Falcon Graphics free?

Yes. Falcon Graphics is free to use. You can explore the editor without an account with one layer, and a free Falcon account removes the current one-layer project limit.

Do I need to install anything?

No. Falcon Graphics runs directly at graphics.wearefalcon.tv in your browser. Open the editor and start creating; the working project is saved on your own computer.

How quickly can I get started?

You can be working on a graphic within minutes. Choose one of more than 30 templates, change its content and design, preview the animation and export when it is ready.

Can I bind OGraf Data to more than text?

Yes. OGraf Data can control every supported visual value, including position, size, rotation, opacity, visibility, motion blur, text, typography, colours, image sources and other layer-specific properties.

Can I export directly for CasparCG?

Yes. Export a self-contained HTML graphic with the CasparCG callbacks play(), next(), update(), stop() and remove(). The file can be loaded directly by CasparCG.

Does it work with other OGraf players?

Yes. Falcon Graphics exports an OGraf package with its manifest, Web Component runtime, assets, actions and GDD JSON for Falcon Play and other compatible OGraf players.

What types of OGraf Data fields can I create?

Create editable fields with a key, label, description, default value, JSON Schema value type and OGraf control type. Preview the exported schema and test the operator values before export.

Can the graphic fetch Live Data from an API?

Yes. A Live Data layer can read plain text, JSON through a selected path or HTML through a CSS selector. Refresh once, after an OGraf update or at a chosen interval. The source must allow browser access.

What can I animate?

Animate position, width, height, rotation and opacity with keyframes. Choose easing curves, add quick fade, slide or pop transitions, and enable motion blur with adjustable strength.

What is included in the template library?

Falcon Graphics includes more than 30 editable templates for lower thirds, news, sports, weather, finance, events, interviews, branding, data graphics and fullscreen information.

Are my projects stored in the cloud?

No cloud project storage is required. Your working .fgproject file stays on your own computer, while a browser recovery copy helps protect recent work.

Explore the rest of the Falcon workflow

Falcon Play

Broadcast automation, playout and control in one box.

Explore →

Falcon Rundown

Cloud-based stories, timings, cuecards and prompter workflows.

Explore →

Falcon Live

Bring remote guests into your production from any browser.

Explore →

Falcon Operations

Coordinate productions, people, equipment, tasks and call sheets.

Explore →