Format: Label | bg | font, where bg can be a color
(e.g. #e57373) or an image like
[image description] or [image url]
Tiles (one per line)
Format: Label | bg | font, where bg can be a color
(e.g. #e57373) or an image like
[image description] or [image url]
About this Tier List Maker
This is a single-file tier list maker optimized for full-screen use on
desktop and mobile. It saves your tiers, tiles (including image
tiles), positions, tile size, and font size into
localStorage, so your layout persists across reloads.
How to use
Go to Settings to configure your tiers and tiles (one per
line).
For Tiers and Tiles, the second field
(bg) can be either a color (e.g. #e57373)
or an image URL wrapped in [...], e.g.
[https://example.com/image.png]. if it is not a url, it
will be converted to [https://image.pollinations.ai/prompt/image
description] Image backgrounds will fully cover the tier label or
tile. Note that pollinations.ai can take around a minute to generate
a new image, please be patient.
Click View to generate the rows and draggable tiles.
Drag tiles anywhere on the screen. The bottom band is the “tray” for
unused tiles.
Use Shuffle to scatter tiles into the tray and
Order to pack tiles on the lower left in order of tile
definition.
Adjust Tile size and Font size with the sliders in the
top bar.