Collision Box Editor

Define a normalized collision box for any sprite and export as JSON.

X: 20%
Y: 20%
W: 60%
H: 60%

Define collision boxes visually and export as JSON.

Draw collision rectangles directly on your sprite and export a JSON manifest — drop the data into any 2D engine's physics or hitbox system.

What you can build with it

  • Define hitboxes for fighting game frames
  • Set body and attack boxes per animation frame
  • Export collision data for custom engines

Related tools

Need to do more than collision box editor?

StudioSprite gives you AI sprite generation, animation, palette tools, and a full suite of free utilities — all in one workspace.

Tool slug: collision-box-editor