Keyframe.itFree · In your browser · No account
Turn characters and game symbols into 2D animations. Rig bones, shape motion and export for your game—all in Keyframe.it.
No download. Projects autosave in this browser.
From artwork to animation
Compare the original gem illustration with the finished rig. Then change its bounce in a guided first edit.
02 · Bones, keyframes, glow and motion
Import images or PSD layers. Build a bone rig, or explore a ready-made example.
Keyframe a pose, bend a mesh and add secondary motion. Work by hand or with an AI agent.
Export a Spine bundle, sprite sheet, GIF, video or standalone HTML player.
Made to be played with
Live examples. Editable bones, artwork and keyframes.
A hand-rigged character with a gentle breathing idle and blink. A friendly first project for learning bones and keyframes.
Explore this example →A sparkling gem with ready-made idle, land, anticipation and win clips. Explore squash, stretch, glow and a moving shine.
Explore this example →A gold coin with four animation clips, additive glow and sparkle effects. Start with the pack, then make the timing your own.
Explore this example →A small first step
Start with a rigged monkey, change a pose and export your first loop.
Preview a gem, export a Spine bundle and verify it before adding it to your game.
Connect an MCP client, give it a clear brief and inspect the result before export.
The core editor works without an account. Your projects autosave locally, and project JSON gives you a portable backup. The optional built-in AI uses your own API key; provider usage may cost money.
The Keyframe MCP server lets compatible agents inspect a project, build animation clips, check their work and hand the editable result back to you.
Export Spine 3.8 or 4.2 bundles for matching runtimes. Check the included export preview, especially for projects using mesh deformation. See the PixiJS guide and Spine comparison for workflow details.