Falcon Graphics browser editor with an animated lower third and OGraf export controls

Create broadcast graphics in your browser. Free.

Falcon Graphics is a free, browser-based OGraf graphics editor built for broadcast, streaming and live production. Open the editor, 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. There is nothing to install, and your project remains on your own computer.

Why Falcon Graphics

Free to use

Runs directly in your browser

Create your first graphic in minutes

More than 30 editable templates

OGraf Data binding on every visual value

Valid JSON Schema data fields

Direct export for CasparCG

Export for other OGraf players

Self-contained HTML export

Visual timeline & keyframes

IN / HOLD / UPDATE / OUT actions

Easing curves & motion blur

Live Data from URL or API

Text, shape, image, iframe & code layers

Local project files

A complete OGraf workflow in one browser editor

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 just a few minutes.

The OGraf lifecycle is visible

HOLD

UPDATE

OUT

DATA

...from design to on-air control

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 X and Y position, width, height, rotation, opacity, visibility, motion blur, blur strength, text content, font family, font size and the other values exposed by a layer. Incoming OGraf Data can therefore 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.

Test the operator experience before export

Preview text, choice, number, boolean, color and other OGraf field types directly in the editor. Change test values, run an update and confirm that every bound property reacts correctly before the graphic reaches the playout system.

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, colors, type, data fields, timing and animation all remain yours to edit.

A visual timeline made for broadcast actions

Place keyframes on individual layers while the OGraf action ranges remain visible above them. Drag keyframes to retime them, scrub the red playhead and resize the timeline area to give the animation as much working space as you need.

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, with no Falcon server-side proxy.

Direct export for CasparCG and OGraf players

Export a self-contained HTML graphic for direct use in CasparCG, including play(), next(), update(), stop() and remove(). Or export a standards-based OGraf package with its manifest, Web Component runtime, assets, actions and GDD JSON for Falcon Play and other compatible OGraf players.

Everything is visible before export

Choose between text, shapes, images, website iframes, isolated HTML and JavaScript Code frames, and Live Data sources. Work with every layer directly in the viewport, then inspect the valid OGraf JSON Schema that will be embedded with your editable data fields before the graphic is exported.

Responsive text that stays on design

Set minimum and maximum widths for labels, enable automatic shrinking when text reaches the limit and keep dynamic names, titles and scores inside the intended design. Text backgrounds support independent padding on every side and remain attached to the rendered text.

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.

OGraf Data and Live Data stay clear

OGraf Data is supplied by CasparCG, Falcon Play or another controller. Live Data is fetched by the graphic itself from a chosen URL or API. Both can be previewed during editing, while the two sources remain clearly separated for the operator.

From first click to first graphic in minutes

Start with a template, replace its test data, adjust the design and play the animation. When it looks right, export HTML for CasparCG or OGraf for your compatible player. The guided workflow keeps the technical format in the background while the production controls remain visible.

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, colors, 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 our other products

Continue through the Falcon production workflow.