TOOLS › PIVOT EDITOR
FREE · NO SIGN-UP · RUNS IN YOUR BROWSER

Sprite Sheet Pivot Editor and Previewer

Play any sprite sheet one frame at a time, big enough to see every pixel. Click a frame to set its pivot, apply it to all, then export the pivots as JSON for your engine.

1 · YOUR SHEET

DROP, PASTE OR BROWSE
PNG or WebP sprite sheet · up to 4 MP

2 · FRAMES

3 · PLAYBACK

4 · PIVOT

Drop a sheet, then click on the frame to place its pivot.
Click or drag on the frame to move the pivot. Presets set it for the current frame only; APPLY TO ALL copies it across. Normalised values measure from the top-left, y downward. Unity wants 1 minus y.
Need a sheet to preview? Animate in the app turns one sprite and a motion prompt into a finished sheet.
Frame appears here
NOTHING HERE YETDrop a sprite sheet on the left. It plays here one frame at a time. Click the frame to place a pivot.
frame – / – space play/pause · ← → step

How it works

Drop a sprite sheet

The tool guesses the frame layout from the sheet's shape. If the guess is off, type the column and row count, or the exact frame size in pixels.

Play, step, inspect

One frame at a time, scaled up so a 32 px sprite fills the stage. Space plays and pauses, the arrow keys step. Onion skin shows the previous frame underneath.

Place pivots and export

Click where the pivot should be, use a preset, or apply one pivot to every frame. Download the JSON, or the current frame as a PNG.

Why a pivot per frame

Engines position a sprite by its pivot. If every frame in a walk cycle has its pivot at the same place on the character's body, the animation stays planted. If the pivot sits at the top-left corner of the cell, any frame that is a pixel wider or taller makes the whole sprite twitch.

Bottom-centre is the safe default for anything that stands on the ground. Centre suits projectiles, effects and spinning things. Per-frame pivots earn their keep on attacks and jumps, where the body shifts inside the cell and you want the feet, not the cell, to stay still. The JSON holds pixel coordinates plus a 0 to 1 version so you can paste either into your importer.

FAQ

Is the sprite sheet previewer free?

Yes. The sheet is sliced and played in your browser, so nothing is uploaded and there is no account. Use it as often as you like.

What is a pivot point?

It is the point in a frame that the engine treats as the sprite's position, the spot that stays put when the sprite is placed, rotated or flipped. For a character it is usually between the feet, so every frame of a walk cycle stands on the same floor even when the frames differ in shape.

Which way up is the normalised pivot?

The tool measures from the top-left corner with y running downward, the same as the pixel coordinates and the same as Godot's offset. Unity measures from the bottom-left with y running upward, so for Unity use 1 minus the y value. The x value is the same in both.

How does the tool know the frame size?

It guesses: a sheet that is at least twice as wide as it is tall is taken to be a horizontal strip of square frames, and the reverse for a tall sheet. If the guess is wrong, type the column and row count, or the frame width and height in pixels.

What does onion skin do?

It draws the previous frame underneath the current one at 30 percent opacity. That makes it easy to see how far the sprite moves between frames and to place the pivot where the body stays still.

More free tools

In the app

Open SpriteLab to keep building with your sprites.