Declarative Vector Animation

Explain complex ideas in vector motion.

A layout-first DSL and 60 FPS Rust engine for technical diagrams, mathematics, and motion graphics.

WebGPU 60 FPS Typst Math Core 4K Video Export 5.5 MB Slim Wasm
scenes/hero.amx 60 FPS · WebGPU
Compiled live by the Rust WebGPU engine in your browser. Source ↗
01

Choreography as clean syntax

Actors, keyframe beats, and temporal verbs describe motion with mathematical clarity. Scroll to scrub the playhead, or click any line of code to jump to its beat.

scenes/sample.amx Click line to jump
// one actor, three beats of choreography
box: Rect, size: (220, 220), color: accent.primary, at: (640, 360)
#0.5s
fade-in box [600ms, ease: ease-out]
#1.5s
box: Ellipse, size: (220, 170), color: accent.success [900ms, strategy: match]
#3.0s
shift box [by: (280, 0), 800ms, ease: ease-in-out]
Scroll or click code to scrub #0.0s
01 / LAYOUT FIRST

Anchors & Relative Grids

Actors anchor to coordinate bounds and parent layouts without coordinate drift.

02 / TEMPORAL VERBS

Declarative Kinetics

Inline durations, bezier easing curves (ease-out, spring), and automated vector morphing.

03 / REACTIVE IR

Compiled Bytecode

Frame-time closures and always blocks execute at 60 FPS in bytecode with zero allocations.

02

Engine architecture

Designed from the ground up as a single coherent pipeline for technical diagramming and mathematical animation.

CORE RUNTIME 60 FPS WebGPU

Pure Rust & WebGPU Pipeline

Hardware-accelerated 2D vector rasterization powered by Vello and custom WGSL compute shaders. Compiles natively for desktop or down to a 5.5 MB slim Wasm module for web playback.

Vello Renderer WGSL Shaders 5.5 MB Wasm Zero C++ Runtime
TYPESETTING Typst Core

Math & Code Typography

Mathematical notation, LaTeX-grade equations, and syntax-highlighted code compiled directly via Typst into vector glyph actors.

Vector Glyphs Typst Engine
POST-PROCESSING 14 Passes

GPU Shader Scopes

Real-time Gaussian blur, bloom, chromatic aberration, and frosted glass materials executing per frame.

Bloom & Blur Glass Materials
EXECUTION IR Bytecode

Compiled Reactive IR

Expressions, comprehensions, and orbital physics lowered into compact IR bytecode for zero-allocation evaluation at 60 FPS.

Zero-Alloc Loop Orbit Physics
TOOLING Studio + LSP

Desktop Studio & Tooling

Real-time desktop GUI with live reload, language server protocol (LSP) diagnostics, and headless 4K MP4 / WebM video export.

LSP Server 4K Video Export
03

Interactive explainers

Technical walkthroughs where every diagram, formula, and curve is a declarative scene file.

Live Scene · 9s
Deep Learning · 7 Scenes

The Transformer Architecture, Animated

The core architecture of modern language models built up step-by-step: tokens, positional encodings, scaled dot-product attention, multi-head projections, and residual streams.

Launch walkthrough →
Browse All Showcase Works →
04

Developer workflow

Run locally with Cargo, inspect formal grammar specifications, or export 4K video frames.

Cargo CLI Workflow
# 1. Open the interactive desktop studio
cargo run -p animatix-gui

# 2. Render a single high-res vector frame
cargo run -p animatix-cli -- image examples/basics/00_hello.amx -o hello.png

# 3. Export a 60 FPS video (MP4 / WebM)
cargo run -p animatix-cli --features video -- \
  video examples/gallery/epicycles.amx -o epicycles.mp4