Welcome to oxframe

oxframe lets you make animations by writing code. You describe what happens, step by step, and oxframe turns it into a video — with a live editor to scrub through it and fine-tune the timing.

Here is a whole animation: a square slides to the right and becomes a circle.

#[oxframe::scene]
async fn intro(view: View) {
    let square = view.add(Rect::new().size(200.0).x(-300.0));
    all((square.x().to(300.0, 1.0), square.radius().to(100.0, 1.0))).await;
}

If that reads like a recipe — add a square, then move it and round its corners at the same time — you already understand the main idea. The rest of these docs teach you the details, one small step at a time.

How to read these docs

• Start here gets oxframe running. If you just want to look around first, open the playground: it runs in your browser, nothing to install.
• Guide is ten short lessons. Each one adds a single idea and has a live preview you can play with. Read them in order — none of them assumes more than the lessons before it.
• Going further is the reference: every node, effect, editor feature and command.
• Under the hood explains how oxframe works inside, for the curious.

What you need to know

The basics of Rust are enough: let, functions, and calling methods. You do not need to know async — lesson 1 explains the only part of it you will use. No graphics experience required.

Ready? Install oxframe, or jump straight to lesson 1 in the browser.