CineCode
Reference

Languages

Syntax highlighting coverage and how to query the available languages.

CineCode highlights code with syntect, giving it Sublime-Text-grade highlighting for roughly 212 languages out of the box.

Specify a language

Pass a language id as the second argument to s.code():

s.code(read("src/main.rs"), "rust", 96, 160);
s.code(read("src/app.ts"), "typescript", 96, 160);
s.code(read("src/query.sql"), "sql", 96, 160);

Common ids include rust, python, javascript, typescript, go, c, cpp, java, ruby, php, html, css, json, yaml, toml, bash, sql, and markdown.

List what's available

To see the exact set supported by your build:

cinecode languages

Language ids are case-insensitive and accept common aliases (e.g. js for JavaScript). If a language isn't found, the code still renders β€” just without highlighting.

Pairing with themes

Highlighting colors come from the code highlight theme, which you can set per block. See Themes.

Syntax highlighting under different themes.
Files that made this video

The same Rust source rendered repeatedly with different syntax highlight themes.

codescene.toml
Project manifest: output size, theme, scene order, transitions, and shader names.
Open full file
scenes = ["scenes/intro.ccs", "scenes/terrain.ccs", "scenes/pathfind.ccs", "scenes/particles.ccs", "scenes/graph.ccs", "scenes/life.ccs", "scenes/boids.ccs", "scenes/tweens.ccs", "scenes/inserts.ccs", "scenes/edit.ccs", "scenes/edit_source.ccs", "scenes/editor_theme.ccs", "scenes/font_set.ccs", "scenes/remove_styles.ccs", "scenes/morph.ccs", "scenes/shapes.ccs", "scenes/effects.ccs"]
theme = "dark_documentary"

[episode]
title = "How Rivers Form"

[output]
fps = 30
width = 1280
height = 720

[shaders]
aurora = "shaders/aurora.wgsl"
glitch = "shaders/glitch.wgsl"
scanlines = "shaders/scanlines.wgsl"

[transition]
kind = "crossfade"
frames = 18

On this page