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
1. Pick your tiles
Choose a collection as your palette, or stay in Free style and search any public pixel art to paint with.
2. Set up the map
Switch between grid and isometric, set the cell size and the number of columns and rows, and pick a background.
3. Paint your layers
Add ground and sprite layers, then click and drag to lay tiles. Reorder, hide or clear any layer anytime.
What you can do with it
- Design top-down or isometric maps for a 2D game, a mockup or a scene.
- Tessellate floor tiles on a ground layer and stand objects, trees or characters on sprite layers above.
- Paint with your own art — draw tiles in the pixel art editor and group them in a collection.
- Or build a map from scratch with any artwork from the gallery in Free style.
- Need tiles from a sheet first? Cut them with the tileset slicer, or turn a photo into pixels with the image-to-pixel-art converter.
Frequently asked questions
Is 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.