Tile Map Editor — Build Game Levels in Your Browser

Build tile-based levels in the browser. Upload a tileset image and the editor cuts it into tiles at the size you choose (with margin and spacing for tilesets that have gaps), or use single tile images and the sprites in your session. Paint with a brush and eraser of adjustable size, flood fill, and undo/redo, across multiple layers with per-layer opacity, visibility, and locking; pan and zoom around maps up to 200×200 tiles.

Maps save in your browser as you work. Download a Tiled map, a .zip with the map (.tmj) and its tileset image that opens in Tiled and in frameworks that read Tiled maps, or the whole map as one PNG. Full walkthrough: How to Build Tile Maps in Your Browser.