Skip to content
プロジェクト

0xS4N4TG/kinetograph has 498 GitHub stars and 37 forks. GitHot measured +8 stars in 24 hours, +43 in 7 days, and +386 in 15 days. Last checked 2026-11-11 22:19 UTC. Last push 2026-11-04.

この数値の測り方

A blazingly fast programmatic video engine, made for agents.

計測したスター増加

24時間
+8
7日間
+43
15日間
+386
1か月
履歴を収集中

期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。

Shots from the Kinetograph launch film: an 1891 Edison film with tracked captions, a film camera, printing receipts, 3D, isometric, shader, canvas and glass shots, then the kinetograph. wordmark

kinetograph.

A blazingly fast programmatic video engine, made for agents.

GitHub stars npm version npm downloads Build Docs

Kinetograph makes videos from code, without a browser. You (or an agent) write a video in TypeScript with Remotion's API, or as a plain HTML page. Node runs the code, and a Rust GPU compositor draws every frame: CSS, SVG, Canvas 2D, WebGL shaders, 3D and Web Audio. Existing Remotion projects render as they are, and so do HyperFrames projects. The film above is one TypeScript project in examples/launch.

Kinetograph is in beta (version 0.3.0). APIs can still change between versions.

Install

You need Node.js 22 or newer. The prebuilt package covers macOS on Apple Silicon, Linux x64 and Windows x64, and installs in about a minute with nothing else to set up:

npm install kinetograph
npx kinetograph doctor

Building from source is only for working on the engine, or for a platform with no prebuilt package. It needs Rust and the FFmpeg libraries and takes 15 to 30 minutes: see Installation: From source.

Install with a coding agent

Paste this into Claude Code, Codex or another coding agent:

Set up Kinetograph (https://github.com/0xS4N4TG/kinetograph) for me by following its AGENTS.md:
https://github.com/0xS4N4TG/kinetograph/blob/main/AGENTS.md
Ask me first whether I want the prebuilt package (recommended) or a build from source,
and ask before installing anything system-wide or installing the Kinetograph agent skills.

Make a video

Start a project in an empty folder:

npx kinetograph init          # TSX, Remotion-style
npx kinetograph init --html   # or an HTML / HyperFrames page
npm install

init makes src/ for code (or html/ for a page), public/ for images, fonts, audio and video, and out/ for everything Kinetograph writes. It also writes a starter title card. Render it:

npx kinetograph render src/index.tsx      # writes out/renders/Main.mp4
npx kinetograph render html/index.html    # for an HTML project

How it works

Diagram of how Kinetograph makes a frame: a Remotion project or HyperFrames page is bundled, run in Node as layers and DOM islands, laid out and painted in the Rust addon, composited on the GPU and encoded to MP4, with Web Audio rendered offline as a side input

Node runs your project and a Rust addon draws each frame on the GPU. The Engine page walks through the six steps.

Docs

Everything else is on the docs site, kinetograph.dev/docs:

Credits for the film's footage
  • "Blacksmith Scene" (Edison, 1893) and "Fred Ott's Sneeze" (Edison, 1894), public domain.
  • "Armistice Day Parade, Columbus, Ohio, 1927", US National Archives (archive.org/details/111-h-1555), a US government work.
  • SMPTE Universal Leader, public domain.
  • The handwritten "FILM" and the 16mm film burn are from licensed overlay packs ("Text Animation Overlays" and "Custom Transitions: Film Burns"); they are not in the repo.

License

PolyForm Small Business License 1.0.0. Kinetograph is source-available: free for individuals, non-profits, and companies with fewer than 100 people and under 1,000,000 USD (2019) revenue. Larger companies need a commercial licence; see COMMERCIAL.md. Vendored crates keep their own licences (vendor/README.md).

Required Notice: Copyright 2026 Sanat Gupta (https://github.com/0xS4N4TG)

関連プロジェクトを探す