spine-canvaskit runtime released

July 9th, 2024

We're happy to announce the general availability of our brand new spine-canvaskit runtime.

spine-canvaskit allows you to render Spine animations via CanvasKit, the WebAssembly version of Skia, an open-source 2D graphics library that powers Chrome, Android, Flutter, and many other products.

spine-canvaskit is built on top of spine-core, our TypeScript runtime. As such, spine-canvaskit allows you to render Spine animations in all JavaScript environments that support WebAssembly, such as modern browsers or Node.js.

One of the use cases we are most excited about is the possibility to use spine-canvaskit to render Spine animations in headless environments, such as servers, via Node.js. Check out our headless rendering example, powered by spine-canvaskit, CanvasKit, and Node.js.

In the browser, spine-canvaskit is likely less useful, as CanvasKit is a large dependency weighing in at ~3.3MB. Have a look at our spine-player, spine-phaser, or spine-pixi runtimes if you want to play back Spine animations in your web app. That said, you can create fun little things on the web with CanvasKit. Try dragging Celeste around :)

Read the spine-canvaskit documentation to learn more and discuss this post on the forum.