Tilemap Editor tileset → level, PNG + JSON

Drop in a tileset PNG, slice it, and paint multi-layer levels with brush, rect, fill and stamp tools. Exports a flat PNG render plus a JSON map your engine can load. Autosaves locally as you work.

Tileset

🧱 Drop tileset image

or click to browse · PNG with grid tiles

Tile W

Tile H

Spacing

Margin

Tiles 0

Click a tile to select · drag a box to grab a multi-tile stamp.

Map –

Left-drag paints · right-drag erases · the map area scrolls when it outgrows the box.

Tools

Layers

Click to select · click the eye to hide.

Map settings

Cols

Rows

Zoom 2×

show grid show other layers

Background

Painted tiles0

Export

JSON holds layer arrays of tile indices (-1 = empty) plus tileset geometry — the usual shape engines expect.