Download

Your data, on air.

Glider is a free graphics system for live production. Describe a graphic to an AI agent or design it yourself, connect it to a live feed, a spreadsheet or an operator panel, and play it out through anything that can show a web page, or straight out over NDI, SDI and RTMP.

Builds with Claude Code, Cursor Agent and Codex. See an agent at work

Download for Mac Read the docs

Free for macOS and Windows. Version 0.5.1, 195 MB. Other platforms

  1. Describe the graphic. An AI agent builds it.

    Ask Claude Code, Cursor Agent or Codex for what you need. The agent reads Glider’s catalogs, asks what it can’t decide, then builds the scene, wires the data, animates it and adds it to the rundown. Each change lands live in the editor as one undo step.

    Agent chat

    Match-day package: scorebug, lower third and ticker

    9 tool calls

    • read_scene_files · overview
    • get_scene_primitive_catalog · list
    • questions · ask
    • scene_primitives · create
    • data · bind
    • units · create
    • animations · create
    • rundown · add
    • read_scene_files · mind_test

    Mind test passed, 7 of 7 perspectives

    Done. The scorebug, lower third and ticker are bound to live data, animate in and out, and sit in the rundown.

    • Reads the catalogs before it changes anything
    • Asks before touching work that already exists
    • Saves a restore point for every session
    • Can’t finish until the mind test passes

    Use the chat inside the editor, or your own IDE through Glider’s MCP server. The agent runs on your own Claude, Cursor or Codex account; Glider’s tools are free. Connect an agent

    Each graphic comes into focus out of a 28 px blur while the agent builds it.

  2. Change the data. The graphic follows.

    Bind any text, bar or image in a scene to a path in the page’s data. When the value changes, the graphic changes on air, while it plays. Feed that data from an API, a WebSocket or webhook push, a spreadsheet or an operator panel.

    The feed is simulated in your browser. In Glider, a data feed unit polls your endpoint, holds a WebSocket open or takes webhook pushes, reads JSON, XML or text, and writes it into the page’s data.

    The panel swings in on its right edge, the rows fold down 80 ms apart, and each bar grows past its value before it settles.

  3. Keyframe every property. Chain every move.

    Components have keyframe channels for position, scale, 3D rotation, blur, brightness, colour, size and reveal. Each keyframe sets its own easing, including curves that overshoot and steps that tick. Clips come on, loop and go off, targets build on one after another, and one clip can start the next. Masks and clipping hide what should only wipe into view, and the timeline snaps keys to whole frames at the page’s frame rate.

    Every bar above is a clip, started by the clip before it. Quarter speed slows all of them at once, so you can follow each hand-off. Animation timeline

  4. It’s a web page, so it stays light.

    A Glider output is an ordinary web page with a transparent background. There is no render engine to install on the playout machine: if it runs a current browser, it runs your graphics.

    Right now the monitor is drawing about 150 elements at your screen’s frame rate, and this whole page took a few hundred kilobytes to load.

    Measured live in this tab.

    Each new graphic flips in 18 ms after the one before it, then loops its own progress bar.

  5. Four ideas run the whole page.

    Units write values into the page’s data. Bindings read them. Reactions respond when they change. Workflows animate what is on screen. That is the whole model, for one lower third or a full election night.

    Pick one to see it working on the monitor.

    The wiring boxes drop onto their graphics one after another, and each label slides out behind its box.

  6. From a blank page to on air in five steps.

    The first tutorial in the docs builds this lower third from an empty page and takes it to air. Each step is one panel of the editor.

    Start the tutorial

    Rather describe it? An AI agent walks these same steps for you, and the mind test checks its work. See it build

    Step 4 plays the lower third’s in, loop and out: it wipes on, its accent pulses, then it wipes off.

  7. Air it as a web page, or over NDI, SDI and RTMP.

    Every page has an output address. Add it to your mixer or encoder as a browser source. The page is transparent, so the graphics key cleanly over your cameras. Or let Glider send it out itself: NDI with alpha, SRT, DeckLink SDI fill and key, a full-screen display, or an RTMP stream.

    1. In Sources, add a Browser source.
    2. Paste the page’s output address as the URL.
    3. Set the width and height to the page’s format (1920 × 1080 by default).
    4. Match the frame rate to your canvas with a custom FPS.
    1. Choose Add Input, then Web Browser.
    2. Paste the page’s output address.
    3. Set the resolution to the page’s format.
    4. Put the input on an overlay channel above your cameras.
    1. Load the output address with the HTML producer, on a layer above your video:
    2. PLAY 1-20 [HTML] "http://glider-host/view/9f2c1a7e4b30"
    3. The page renders with its transparency intact.
    1. Open the output address full screen on the playout machine.
    2. Capture the window with your encoder or a capture card.
    3. Keep the window visible: browsers slow down background tabs.
    1. Skip the browser source: in Settings › Outputs, give Output 1 to 4 a page’s program or preview.
    2. Tick NDI (alpha kept), SRT, or a Blackmagic DeckLink card for SDI fill and key.
    3. Or send it full screen to a second display.
    4. Press Stream to push the graphics over RTMP to YouTube Live, Twitch, Facebook Live or any server.

    Run the show from wherever suits you: a Stream Deck, control panels, Bitfocus Companion or a vision mixer over TCP and OSC, the HTTP API or an AI agent over MCP.

    Switching the view wipes the camera in and out on a diagonal.

  8. Free, whatever the size of the show.

    Glider costs nothing to download and nothing to run on air. No seat licences, no per-output fees, no watermark, and every AI agent tool, input, output and stream is included. Size your show and watch the bill.

    Your monthly bill $0.00

    AI agents run on your own Claude or Cursor subscription.

    The board folds down from its top edge, and each row flips over in five steps, like a departures board.

PGM Match day
guest.name
Ada Okafor
match.home.score
2
match.clock
67:12
PVW Change the data

Built for the gallery

Graphics are half a show. Glider also takes in your cameras, sends the program out, streams it, and answers to the control surfaces you already run.

  • Live video in

    NDI with alpha, SRT, RTMP from an encoder or a server, and DeckLink SDI capture. A Feed component puts any of them on the page, and inputs stay connected whether or not they are on air.

    Inputs

  • Outputs without a browser

    Up to four outputs per machine, each a page’s program or preview: NDI with alpha, SRT, DeckLink SDI fill and key, or full screen on a display.

    Outputs

  • Stream straight out

    One Stream button sends the graphics over RTMP to YouTube Live, Twitch, Facebook Live, Restream or any rtmp:// server, and retries a dropped connection on its own.

    Streaming

  • Remote control

    A vMix-style TCP API, OSC and HTTP functions, with tally pushed back. Bitfocus Companion, a vision mixer’s macros or a show controller can take and clear graphics.

    Remote control

  • Data feeds

    Poll an HTTP endpoint, hold a WebSocket open or take webhook pushes, in JSON, XML or text. API keys stay on the server as page secrets.

    Data feeds

  • Sheets with formulas

    Upload .xlsx or .csv, edit it in the editor with spreadsheet formulas and QUERY, and bind any cell. Each sheet is also served as JSON.

    Sheets

  • Masks and clipping

    Photoshop-style layer masks, clipping masks and group masks, so text can slide out from behind a plate without a separate wipe.

    Groups and masks

  • Frame-accurate timeline

    A sequencer-style track view that reads frames, seconds or timecode at the page’s frame rate, with keys that snap to whole frames.

    Timeline

  • Any format

    720p, 1080p, 4K or a custom size, at the frame rate of your show. Outputs and browser sources follow the page’s format.

    Settings

  • Your keys, your settings

    Rebind every shortcut and switch between shortcut profiles. One Settings window holds preferences, show defaults and this machine’s own setup, with a structure lock while live.

    Keyboard shortcuts

Download Glider

One installer per platform. Glider runs a local server on your machine, opens the editor, and keeps your pages in your own app-data folder.

The MCP server for AI agents is built in: sign in to Claude Code, Cursor Agent or Codex on the same machine and the editor’s chat finds it.

Checksums and release notes

Free for macOS and Windows. Enter your email on the download page and we send your activation key with the installers.

Get Glider

Questions, answered

What people ask before they put Glider on air.

What is Glider?

Glider is a free graphics system for live production. You design broadcast graphics such as lower thirds, scorebugs and tickers, or have an AI agent build them, bind them to live data, and play them out as a transparent web page.

What is Glider

Is Glider free?

Yes. Glider costs nothing to download and nothing to run on air: no seat licences, no per-output fees and no watermark. Every AI agent tool, video input, NDI, SDI and SRT output and RTMP stream is included. The agents themselves run on your own Claude or Cursor subscription.

Does Glider work with OBS Studio, vMix and CasparCG?

Yes. Every page has an output address that you add as a browser source: a Browser source in OBS Studio, a Web Browser input in vMix, or the HTML producer in CasparCG. The output has a transparent background, so the graphics key cleanly over your cameras, and any machine that runs a current browser can air it. Glider can also send the page out itself over NDI with alpha, SRT or DeckLink SDI fill and key.

Output and live view

Can Glider output NDI, SDI or a live stream without a browser source?

Yes. Settings › Outputs gives each machine up to four outputs, each carrying a page’s program or preview: NDI with its alpha channel, SRT, Blackmagic DeckLink SDI with fill and key, or full screen on a display. The Stream button sends the graphics over RTMP to YouTube Live, Twitch, Facebook Live, Restream or any rtmp:// server.

Outputs and streaming

Can I bring live video into Glider?

Yes. Settings › Inputs receives NDI (alpha kept), SRT, RTMP pushed from an encoder or pulled from a server, and DeckLink SDI capture. A Feed component shows any input on the page, under or over the graphics, and outputs carry it on with the rest of the picture.

Inputs

Can Bitfocus Companion or a vision mixer control Glider?

Yes. Remote control speaks a vMix-style TCP API, so Companion’s Generic TCP module, a mixer’s macros or a show controller can take and clear graphics, and it pushes tally back on every change. OSC and HTTP functions do the same. It is off until you turn it on in Settings.

Remote control

Which AI agents can build graphics in Glider?

Claude Code, Cursor Agent and Codex. Use the chat inside the editor, or connect the agent from your own IDE through Glider’s built-in MCP server. The agent reads Glider’s catalogs, asks what it can’t decide, builds and wires the scene, and can’t finish until the mind test passes.

Connect an agentMCP server

How do Glider graphics get live data?

Bind any text, bar or image to a path in the page’s data. The value can come from a data feed that polls your endpoint, holds a WebSocket open or takes webhook pushes (JSON, XML or text), an uploaded spreadsheet (.xlsx, .xls or .csv), an operator control panel, a Stream Deck key, the HTTP API or a remote-control command. When the value changes, the graphic changes on air.

Data feedsHTTP API

What kind of animation can Glider do?

Keyframed animation on every component: position, scale, 3D rotation, blur, brightness, colour, size and reveal. Each keyframe can set its own easing, including overshooting curves and steps. Clips play in, loop and play out, groups build on with a stagger, and one clip can start another when it starts, ends or loops. The timeline reads frames, seconds or timecode at the page’s frame rate, and masks and clipping reveal what should wipe into view.

Animation timelineClips and phases

What are Glider’s system requirements?

macOS 11 Big Sur or later, on Apple silicon or Intel, or Windows 10 or later, 64-bit, with about 1 GB of free disk space. The playout machine needs no render engine: if it runs a current browser, it runs your graphics.

Download Glider

Where does Glider keep my pages?

On your own machine. Glider runs a local server and keeps your pages and uploads in ~/Library/Application Support/Glider/workspace on macOS and %APPDATA%\Glider\workspace on Windows. Updates never touch them.

Can I bring in designs from Photoshop?

Yes. PSD import turns a layered Photoshop file into editor groups and components, which you then bind to data and animate. Export PSD sends the design back out.

PSD import

Read the manual

51 pages covering every panel, component and API in Glider, from your first page to the MCP server.

Start with the overview Connect an AI agent