Keyframe.itStudio

Keyframe.it Studio · Free · In your browser · No account

Your art.
A little more alive.

Four free tools for game art that work together in your browser. Animate 2D characters, turn a photo into a rigged 3D model, turn any picture into pixel art, and play-test your sprites before they reach your game.

Explore the four tools ↓Open the 2D editor ↗

No download, no sign-up. Your work stays in your browser.

Noir characterLive animation
Advanced
Interactive preview loads when visible.
Keyframe.it2D skeletal animation, like SpineSprite Puppeteer’s pixel-art knight swinging his swordSprite PuppeteerRig, play-test and export pixel spritesMeshForge’s rigged 3D orc walking in placeMeshForgePhoto or prompt to a rigged 3D modelThe knight turned into outlined pixel art by PixelForgePixelForgeAny picture or animation to pixel art

Four tools · one studio

Everything between your art and your game.

Each tool does one job well, and each one can hand its work to the next. Use one, or all four.

Read the docs →
01

Keyframe.it

2D skeletal animation, like Spine

Rig layered character art with bones and weighted meshes, animate it on a timeline, and export Spine bundles, sprite sheets, GIFs or video.

  • Bones, meshes, IK and springs
  • Motion presets and AI helpers
  • Spine 3.8 / 4.2, PixiJS, GIF, WebM
Open Keyframe.it ↗How it works ↓Docs
02

Sprite Puppeteer

Rig, play-test and export pixel sprites

Drop a skeleton into a pixel-art sprite, or load drawn sprite sheets in up to eight directions. Play-test the character in an arena, then export for your engine.

  • Auto-rig a single sprite
  • Side, isometric and top-down sheets
  • Godot, Unity, GameMaker, Spine
Open Puppeteer ↗How it works ↓Docs
03

MeshForge

Photo or prompt to a rigged 3D model

Turn a photo or a description into a textured 3D model, rig and animate it right in your browser, then render sprite sheets from any angle.

  • TRELLIS, Rodin, Hunyuan, Tripo, Meshy
  • Rigging and an AI animator, free
  • GLB, FBX and sprite sheets
Open MeshForge ↗How it works ↓Docs
04

PixelForge

Any picture or animation to pixel art

Turn a drawing, photo, render, GIF or whole sprite sheet into clean pixel art: palettes, dithering, outlines, and animations that don’t flicker.

  • PICO-8, Endesga, Game Boy or your own palette
  • Steady animation on one palette
  • PNG, GIF, sheets with JSON
Open PixelForge ↗How it works ↓Docs

Better together

Hand your work from tool to tool.

One click passes a character along. Nothing is uploaded: the files go from one tab to the next inside your browser.

  1. Photo or ideaOne picture, a few views, or a prompt
  2. MeshForge3D model, rig, animate, render sprite sheets
  3. PixelForgeEvery frame to pixel art on one palette
  4. Sprite PuppeteerPlay-test in the arena, export
  5. Your gameGodot, Unity, GameMaker, Phaser
  1. Your layered artPNG layers or a PSD
  2. Keyframe.itBones, meshes and keys
  3. PixelForgeOptional: a pixel-art look
  4. Sprite PuppeteerPlay-test as a sprite character
  5. Spine, PixiJS, GIF, videoOr straight into your engine

Made in the Studio

Every one of these is a sample in its tool. Open it, poke at it, make it yours.

More 2D examples →
The rigged 3D orc walking in place
MeshForge

The orc, in 3D

Rigged in Blender, 18 moves. Open him, try a new move with the AI animator, or render him as sprite sheets.

Open in MeshForge ↗
The pixel-art knight attacking
Sprite Puppeteer

The knight

Drawn sprite sheets in side, isometric and top-down views, 14 moves, pixel and HD looks. Take him into the arena.

Meet the knight ↗
The rigged pixel-art golem slamming the ground
Sprite Puppeteer

The golem

One pixel-art picture with a skeleton dropped in. 25 moves, from a ground slam to falling apart and putting himself back together.

Rig the golem ↗
The pixel-art orc spinning his axe
Sprite Puppeteer

The orc, in pixels

The same orc rendered from MeshForge as sprite sheets, playable in Sprite Puppeteer’s arena.

Play the orc ↗
The knight as pixel art, animated
PixelForge

The knight, re-forged

66 painted frames turned into outlined pixel art on one 16-colour palette, steady from frame to frame.

Forge the knight ↗
The noir character as pixel art
PixelForge

Noir, pixel-perfect

A drawn character, background removed and shrunk to 58 pixels wide. Drag the split to compare.

Try it ↗
Noir characterLive animation
Advanced
Interactive preview loads when visible.
Keyframe.it

Noir

19 drawn parts on a skeleton with weighted meshes and springs. She breathes, smokes and shifts her weight.

Edit this animation ↗
Breathing monkeyLive animation
Characters
Interactive preview loads when visible.
Keyframe.it

Monkey

A layered character with idle, walk and attack clips. A good first rig to take apart.

Animate the monkey ↗
01Keyframe.itDocs →

2D skeletal animation

Same art. A different feeling.

The Noir character starts as a stack of separately drawn parts. Bones, weighted meshes and springs turn them into someone who breathes, smokes and shifts her weight. Keyframe.it reads and writes Spine’s format, so it plays in Spine runtimes and PixiJS.

Open the editor →
01 · The parts, as drawn
Noir characterLive animation
Interactive preview loads when visible.

02 · Rigged: bones, weighted meshes, springs and keyframes

Three steps inside the editor

  1. Open a character. Start from the monkey, the noir character or your own PSD layers.
  2. Add motion. Pick a motion preset (walk, run, jump, attack…) or pose your own keys. The editor fills in the in-betweens.
  3. Check and export. Play it back, then save a GIF, sprite sheet or Spine bundle, or send it to Sprite Puppeteer or PixelForge.
Animate the monkey →Or take the 2-minute guided lesson

Making a slot game? Keyframe.it animates slot symbols too. See the Spine comparison and the PixiJS guide.

02Sprite PuppeteerDocs →

Pixel-art characters

Pixel-art characters, ready to play.

Rig a sprite, drop in a folder of sprite sheets, or send a character straight from the Keyframe.it editor. Play-test it in an arena, then export for Godot, Unity, GameMaker or Spine. The sample orc and knight come with their moves drawn in side, isometric and top-down views, in pixel and HD looks.

Open Sprite Puppeteer →
The sample orc spinning its axe, pixel-art look
Pixel · 128 px frames, 40 colours
The same orc spinning its axe, HD painted look
HD · 256 px painted frames
Play with the orc ↗Meet the knightRig a sprite

Switch Pixel / HD on the stage. Free, in your browser, no account.

03MeshForgeDocs →

3D from a photo or an idea

From a photo to a playable character.

Drop in a photo or describe an object. MeshForge turns it into a textured 3D model, rigs it right in your browser (weapons get their own bones), animates it from a description, then renders sprite sheets for Godot, Unity or Sprite Puppeteer. AI agents like Claude can do all of it for you. Models are made on fal.ai with your own API key, from about $0.10 each. The viewer, retargeting, exports and sprite packs are free.

Open MeshForge →
  1. Photo or promptOne image, extra views or a text idea
  2. 3D modelTRELLIS, Rodin, Hunyuan, Tripo or Meshy
  3. Rig & animateRig it here for free, describe a move to the AI animator, or use Meshy's 600+ moves
  4. Sprite sheetsSide, top-down and isometric, up to 32 directions
  5. Play-testStraight into Sprite Puppeteer's arena
Open MeshForge ↗

Your fal.ai key stays in your browser and is only sent to fal.ai. No key yet? MeshForge runs in a free demo mode.

04PixelForgeDocs →

Pixel art from anything

Any picture, pixel-perfect.

Drop in a drawing, a photo, a 3D render, a GIF or a whole sprite sheet. PixelForge shrinks it to real pixel art: clean colours, crisp outlines, a palette of its own or a classic one (PICO-8, Endesga, Game Boy). Animations share one palette and stay steady from frame to frame, with no flicker. Touch up any pixel, then export PNG, GIF and sprite sheets, or send it on to Sprite Puppeteer to rig and play-test.

Open PixelForge →
The noir character as drawn, on a dark background
Before · the drawing
The same character as 58 pixel wide pixel art, background removed, 16 colours
After · 58 px wide, 16 colours
The sample knight's painted animation as outlined pixel art: idle, walk, run and attack
66 painted frames → one steady animation
Open PixelForge ↗Try the noir sampleForge the knight

Free, in your browser, no account. Your pictures never leave your computer.

Bring your AI agent

Let Claude, ChatGPT or your own agent do the clicking.

Every tool has a scripting API an agent can drive in the browser, and it can look at what it made before it changes anything. MCP clients connect with one command.

How to connect an agent →
Keyframe.itwindow.keyframe

Build rigs and clips, check rendered frames, export.

Sprite Puppeteerwindow.spritePuppeteer

Load samples or sprites, create moves, export for engines.

MeshForgewindow.meshforge

Rig, animate from a written spec, render contact sheets.

PixelForgewindow.pixelforge

Load pictures, try looks, compare previews, export.

claude mcp add keyframe -- npx -y keyframe-mcp

Free, and staying that way

Made something with the Studio?

All four tools are free, with no account. If they saved you time on your game, a coffee helps pay for hosting and keeps new features coming.

Buy me a coffee ↗

Docs, guides and answers

Learn any of the four.

All docs →
Keyframe.itKeyframe.it docsGetting started, every feature, exports, shortcuts and FAQ.Sprite PuppeteerSprite Puppeteer docsGetting started, every feature, exports, shortcuts and FAQ.MeshForgeMeshForge docsGetting started, every feature, exports, shortcuts and FAQ.PixelForgePixelForge docsGetting started, every feature, exports, shortcuts and FAQ.

Questions

Frequently asked

What is Keyframe.it Studio?

Four free browser tools for game art that hand work to each other: Keyframe.it for 2D skeletal animation, Sprite Puppeteer for pixel-art characters, MeshForge for 3D models from a photo or prompt, and PixelForge for turning any picture into pixel art.

Which tool should I start with?
  • You have layered character art or slot symbols and want smooth animation: Keyframe.it.
  • You have a pixel-art sprite or sprite sheets and want a playable character: Sprite Puppeteer.
  • You have a photo, a drawing or just an idea and want a 3D character or sprite sheets rendered from it: MeshForge.
  • You have a picture, render or GIF and want it as pixel art: PixelForge.
Is it free? Do I need an account?

All four tools are free to use in your browser, with no account and no download. Two things cost money and are paid to the provider directly, with your own key: generating 3D models in MeshForge (fal.ai) and the optional built-in AI features (Anthropic or fal). Everything else is free, including MeshForge’s rigging, exports and sprite sheets.

If the Studio helps you, you can buy me a coffee. It is optional and pays for hosting and new features.

Is my art uploaded anywhere?

Keyframe.it, Sprite Puppeteer and PixelForge do their work in your browser, and your projects are stored there. Things leave your computer only when you ask:

  • MeshForge sends your picture or prompt to fal.ai when you generate a model with your key.
  • The AI features send your request to the AI provider you chose.
  • A Keyframe.it share link stores the project you share, so the link can show it.
Where is my work saved?

In this browser, on this computer. Each tool saves as you go. To keep a copy or move it to another computer, export a project file (Keyframe.it and Sprite Puppeteer) or the files you made. Clearing this site’s data in your browser deletes the saved work.

Which browsers and devices work?

Current Chrome, Edge, Firefox and Safari on a computer. The tools are built for a mouse and keyboard. The site and docs work on phones, and some tools open there, but editing is easiest on a bigger screen.

How do the tools work together?

Each hand-off is one click and stays in your browser:

  • Keyframe.it: Menu → Send to Sprite Puppeteer or Send to PixelForge.
  • MeshForge: in the sprite dialog, Then open in Sprite Puppeteer or PixelForge.
  • PixelForge: Open in Sprite Puppeteer.
  • Sprite Puppeteer: Open in Keyframe.it brings a rigged sprite into the 2D editor as bones and clips.

All questions, for every tool →