FlatInk

The format

FlatInk picks up an idea we liked in the old SWF: one file that just plays. A FlatInk scene describes shapes, a timeline, animations, and interactions too: drag and drop, drop zones, scratch-to-reveal, connect-the-dots, physics, sound. It all fits in one self-contained .flatpack file, played in a plain <canvas>, with no plugin.

In Moiki, it powers the animated, interactive activities. They sit inside a page and send their results back to the app hosting them.

The editor

The FlatInk editor runs in the browser, with no install and no account, and projects stay on your machine. You draw, animate on a timeline, and write behaviour as text or visual blocks. Then you export to SVG, or as a standalone player you can embed anywhere.

Open source: flatkit

With flatkit, you write a scene by hand in a readable language. The flatc compiler turns it into a .flatpack file, and the player runs it. The packages are on GitHub and npm (@flatkit/player, @flatkit/compiler). A scene written as text can be versioned in git, generated from a script and tested in CI.

The project is in beta, and the format is still moving. The book on the home page, the lab’s flasks and the small scenes on the product pages are all written by hand in flatkit.