Tilemap Editor
Paint pixel-art maps on a grid or isometric grid. Stack layers of ground tiles and sprites from your own collection — or any artwork in the gallery — then save your map. Free, runs in your browser.
Build pixel-art tilemaps, free in your browser
The Tilemap Editor turns pixel art into maps. Lay tiles on a flat grid for top-down scenes or an isometric grid for a 3/4 view, stack as many layers as you need, and paint with your own collection or any piece from the gallery. No install and no signup to start — your map saves to a collection or right in your browser.
How it works
- Pick your tiles — choose a collection as your palette, or stay in Free style and search any public pixel art to paint with.
- Set up the map — switch between grid and isometric, set the cell size and the number of columns and rows, and pick a background.
- Paint your layers — add ground and sprite layers, then click and drag to lay tiles. Reorder, hide or clear any layer anytime.
Frequently asked questions
Tap a question to expandIs the Tilemap Editor free?
Yes — completely free and running in your browser. No signup to start and no watermark.
Do I need an account?
Free style works with no login and saves your map in this browser. Sign in only to paint from your own collections and save maps to them.
What's the difference between grid and isometric?
Grid mode lays tiles in a flat square grid for top-down maps. Isometric mode uses 2:1 diamond cells for a 3/4 view, where taller sprites rise above and overlap the cells behind them.
What are ground and sprite layers?
A ground layer fills each cell so floor tiles tessellate. A sprite layer draws art at its real size, anchored to the cell's base so objects stand on the floor. Layers can be reordered, hidden or deleted.
Can I use my own pixel art as tiles?
Yes. Draw tiles in the pixel art editor, add them to a collection, then pick that collection here to paint with them.