GFX docs
0:08.00 3840 × 2160 gfx@1

Broadcast‑grade motion graphics, on a web stack.

GFX is an opinionated motion-graphics engine — TypeGPU, HTML‑in‑Canvas, GSAP — that renders transparent overlays and full-frame pieces at native 4K, authored with full parity by a GUI and by agents over one composition model.

Get started

Five layers, one composition model

  1. 01

    Surface

    The scene a piece lives on — paper, web document, iMessage.

  2. 02

    Block

    Content primitives — quotes, stats, timelines, diagrams.

  3. 03

    Annotation

    Hand-drawn marks — circles, underlines, arrows, highlights.

  4. 04

    Overlay

    Chrome above the content — tape, badges, lower-third framing.

  5. 05

    Effect

    Full-frame WGSL passes — grain, depth, light, bloom.

Overview

What GFX renders, how a piece is put together, and what it takes to run one.

Authoring

The gfx@1 Preset JSON format — compositions authored by GUI and agents alike.

Packs

Appearance is swappable — palette, type, texture, and motion feel, supplied by a Pack.

GFX