Tier List Maker: Rank Anything with Images or Text

Rank images or text in custom tiers, then save or export an editable JSON or ZIP file.

Tier List Maker starts every new project from an editable S/A/B/C/D/F preset and stores each element's picture one of two entirely different ways depending on where it came from: a remote URL is just a link, while an uploaded file's bytes live only in this browser's local storage. That split decides everything downstream, including what a project export looks like, what an import has to rehydrate, and what never gets sent anywhere. When the ranking is done, Export PNG turns the board into an image with no watermark.

How to make a tier list

  1. Start from the default board: S, A, B, C, D and F rows, plus an unranked area where every new item waits.
  2. Click Add item, type a name, and choose No image, Image URL or Upload files; picking several files adds one item per picture, named after each file.
  3. Drag items into the rows, and drag within a row to set their order from left to right.
  4. Use a row's settings to rename it, change its colour, move it up or down or delete it, and Add row to create another tier.
  5. Click Export PNG for a picture of the board, or Save as… to keep it and Export → JSON or ZIP to move it to another browser.

What S, A, B, C, D and F tiers mean

A picture is either a link or a local file, never both

An element with a URL image source stores nothing but that address; the browser renders it directly, and this tool never fetches, proxies, or caches a copy of it. An element with an uploaded image instead gets an opaque asset identifier, and the actual image bytes go into a separate local database kept apart from the small, easily cloned project record of tier names, colors, and element positions.

That separation exists so a project's data, which changes on every drag, and its image blobs, which can run into the megabytes and change rarely, scale independently of one another.

Export format depends on what is actually in the project

A project with zero uploaded images exports as a single plain JSON file, since there is nothing binary to carry and no reason to zip it. A project with even one uploaded image exports as a ZIP archive instead, holding the JSON at its root and every uploaded image as a numbered file under an images folder, referenced from the JSON by that relative path rather than by a browser-only asset identifier.

Importing auto-detects which of the two it is looking at by checking the uploaded file for a ZIP signature, then either parses the JSON directly or unzips it and rehydrates each bundled image back into this browser's asset store under a freshly generated identifier, a local storage write only, never a request to any server.

Dragging elements without ever losing track of order

Moving an element into a tier, including the pseudo unranked holding area every new element starts in, recomputes a dense, gap-free order for both the tier it left and the tier it landed in, whether that is a cross-tier drag or just reordering within one. Removing a tier entirely never discards the elements sitting in it; they fall back to unranked, appended after whatever was already parked there, and the remaining tiers renumber to close the gap.

Tiers themselves can be renamed, recolored, reordered by swapping with a neighbor, or added and removed independently of any element data, so restructuring the board never touches the pictures or names sitting inside it.

Where an AI-suggested list needs a second look

An AI-generated starter list can include a picture link per element, but the app marks every one of them as explicitly unverified and shows a broken-image fallback if the link does not actually resolve; nothing about that address is checked, fetched, or validated server-side before it is shown.

Treat an AI-suggested image the same way you would treat any link pasted from an unfamiliar source: confirm it actually shows what its label claims before ranking it, since a plausible-sounding caption is not evidence the picture is correct.

Fifty saved boards are free — exports are never watermarked at any tier — and Pro stores unlimited boards.

What the tool does not handle

Questions people ask about Tier List Maker

Is this tier list maker free, and do I need an account?
It is free and needs no account. The free tier stores up to 50 saved boards in this browser, and Pro removes that limit. PNG exports carry no watermark, and the tool does not count them against any daily allowance.
How do I download my tier list as an image?
Click Export PNG beside Add item and Add row, or open the Export menu and choose PNG image. The board is rendered at twice its on-screen size with the row settings buttons hidden, and the file is named after your board. Uploaded pictures always render; a linked picture has to be fetched from its host, so a site that refuses that request can leave a gap.
Can I share my tier list?
There is no share link or public gallery, because boards are stored in your browser rather than on a server. Post the exported PNG wherever you like, or send the JSON or ZIP export so a friend can import the board and rearrange it in their own copy of the tool.
What does S tier mean?
S tier is the top row, placed above A for entries that stand out even among the excellent ones. The letter is usually read as special or superior, and in a ranking it marks the picks you would choose first every time, with F at the opposite end.
Why did my project export as a ZIP file instead of a plain JSON file?
Because at least one element in the project uses an uploaded image rather than a URL. Uploaded image bytes live only in this browser, so the export has to bundle them as actual files inside a ZIP alongside the JSON; a project with URL-only images has nothing binary to carry and exports as plain JSON.
If I use an image URL instead of uploading a file, does the tool keep its own copy?
No — a URL-based image is rendered directly by the browser from wherever it is hosted, and this tool never fetches or stores a duplicate of it. That also means the picture can disappear if the original link ever goes down, since nothing local is backing it up.
Can I reorder or rename the tiers themselves, not just the elements inside them?
Yes — each tier can be renamed, recolored, and moved up or down relative to its neighbors independently of what is ranked inside it, and you can add new tiers or delete existing ones at any point in a project.
What happens to the elements in a tier if I delete that tier?
They are not deleted — every element in a removed tier falls back into the unranked holding area, appended after anything already sitting there, so you can drag them into a different tier afterward instead of losing your rankings entirely.

Related tools on BrakeTools

Content reviewed 2026-09-27.