Creating animations with Typst?!

ShiningYangYXN · July 16, 2026, 5:58am

TL;DR

I implemented an animation engine for Typst using Rust called candy.You can experiment with it if you like. repo: ViCo-Lab/Candy grab pre-built binaries on CI if you like. Not published to any package repositories, so manual installation is required.

DISCLAIMER

Very BUGGY. Vibe-coded. May OOM. Use at your own risk.

Introduction to Candy

I created an animation engine for Typst named candy, which stands for Code-oriented Animation eNgine Designed for tYpst. This project is still WIP, so it’s not published (neither Typst Universe nor crates.‍io). It is implemented using pure Rust (0% unsafe black arts).

It is inspired by manim, the animation engine for LaTeX created by 3b1b but its API is designed independently and uses 99% vibe coding. It’s still very buggy (sometimes may OOM) but it can render some basic animations.

A probable solution to GitHub issue #8447

This project will be published once I fixed some critical bugs, such as OOM. Now it’s usable but not useful.

ShiningYangYXN · July 20, 2026, 12:51pm

OOM fixed. But still can’t be released because the API is not quite stable and some anaimations behave strangely.

Not pure Rust now and may contain black arts for performance.

ShiningYangYXN · July 20, 2026, 1:24pm

showcase

github.com/ViCo-Lab/candy

examples/showcase.tyx

main

// Candy — ultimate showcase reel.
//
// A long, cinematic tour that exercises essentially every Candy directive in
// one continuous timeline. Each scene's subtitle names the directives used in
// that scene, so the reel doubles as a live API reference.
//
// Run:
//   candy build examples/showcase.tyx
//   candy build examples/showcase.tyx --format mp4 --codec h264   (with audio)
//
// Directives demonstrated across the reel:
//   scene · scene-switch · transition · mobject · animate · appear · disappear
//   pause · play · audio · video · subtitle · save-state · restore · indicate
//   flash · wiggle · set-color · blink · spiral-in · focus-on · fade-transform
//   move-along-path · zoom-to · track · camera · group · reveal · typewriter
//   morph · transform · ecnew · ecval · ecpause · ecresume · ecdestroy
#import "@preview/candy:0.1.0": *
#scene(name: "intro", width: 16cm, height: 9cm, bg: rgb("#0e1726"))[
  // Title card: spiral in from a scaled / rotated / invisible state.
  #mobject("title", text(34pt, weight: "bold", fill: rgb("#7fe3ff"))[Candy — directive showcase])

This file has been truncated. show original

It renders strangely yet interestingly. Example generated by AI.

BTW: .tyx stands for TYpst X-sheet, the animation exposure sheet for Typst. It is the recommended file extension for Candy, but in fact it’s standard and valid Typst. Grab artifacts from our CI and try yourself :)