Skip to content

Tier List Maker

Make a tier list by dragging text labels or your own images into S, A, B, C, and D rows, then export the whole board as a PNG.

Runs in your browser · nothing uploaded

Everything stays in your browser. Images you add are read locally and never uploaded to a server.

Pick one or more images. They stay on your device.

Unranked

Drag items up into a tier, or drop them back here.

This tier list maker lets you rank anything into tiers in a couple of minutes. Type text items or upload your own images, drag them from the unranked tray up into any tier, and rearrange until the order feels right. Add rows, rename them, and recolor each tier to fit whatever you are ranking.

The images you add are read straight from your device and stay in the browser, so nothing is uploaded to a server. When you are done, this tier list generator with your own images draws the board onto a canvas from what is on screen and saves it as a PNG you can share.

How it works

  1. 1

    Add your items

    Type a name and press Add for text items, or use the image picker to add your own pictures. New items land in the unranked tray below the board.

  2. 2

    Drag into tiers

    Drag each item from the tray into an S, A, B, C, or D row. Move items between rows or back to the tray any time. Rename a tier by editing its label and pick a new color with the swatch.

  3. 3

    Export a PNG

    Click Export as PNG. The board is redrawn on a canvas from your current layout and downloaded as an image, ready to post or send.

Questions about the tier list maker

How do I make a tier list with my own images?
Use the image picker to select one or more pictures from your device. They appear as thumbnails in the unranked tray, and you drag them into any tier. The pictures are read locally in your browser and are never uploaded.
Can I use this as a blank tier list template?
Yes. It opens as a blank S/A/B/C/D tier list template with no items. You can rename the tiers, change their colors, and add or remove rows to match what you want to rank.
How do I add or remove tier rows?
Click Add row to create a new tier at the bottom, then rename and recolor it. To remove a row, use the small x in its label cell; any items in that row move back to the unranked tray so nothing is lost.
Is this tier list maker free?
Yes, it is free with no sign up. It runs entirely in your browser, so your text and images stay on your device and nothing is sent anywhere.

Building something bigger?

Hivly is made by CodingEagles, a software studio that ships production web apps. If you have a real project, get in touch.

See what CodingEagles does →