Tier List — Help

What is a Tier List?

A tier list lets you rank music by sorting albums or songs into lettered rows — S through F by default — where S is the best and F is the worst. It's one of the most popular formats for sharing music opinions online.

Your tier lists are auto-saved to your browser. Every drag, rename, and tier change is preserved automatically, so you can close the tab and pick up exactly where you left off.

You can have multiple named tier lists and switch between them using the charts panel at the top of the sidebar.

The Sidebar — Search Tab

Searching albums — Type an album name in the search box. Results come from both Last.fm (sorted by popularity) and iTunes. Duplicate results from both sources are automatically merged into a single entry.

Artist filter — Add an artist name in the optional artist field to narrow results — especially useful for common album names.

Browse by artist — Switch to the Artist tab in the search area to look up a specific artist and see their full discography. Click the artist to see their albums, then click any album to expand its track list in songs mode.

Adding to Unranked — Click any search result or track to add it to the Unranked pool below the tier list. From there you drag it up into a tier.

Songs mode — Toggle the Songs switch in the top bar to switch from ranking albums to ranking individual songs. When in songs mode, the search results show tracks. You can also bulk-load a full album's track list by clicking on it.

The Sidebar — Tiers Tab

Add a tier — Click Add Tier at the bottom of the tiers list to insert a new row below all existing tiers.

Rename a tier — Click the tier label (the coloured letter/word on the left side of a row) to edit its name inline. Names can be letters, words, or anything you like.

Change tier colour — Click the colour swatch next to a tier name in the Tiers tab to open a colour picker. The chosen colour updates the left label of that tier row in real time.

Reorder tiers — Drag tiers up and down in the Tiers tab to reorder them. All the items inside move with the tier.

Delete a tier — Click the trash icon next to a tier in the Tiers tab to remove it. Any items in that tier are moved to Unranked so nothing is lost.

Bulk move — In the Tiers tab, each tier has arrow buttons to bulk-move all of its items into an adjacent tier — useful for quickly re-evaluating a full tier.

The Sidebar — Options Tab

Rename the list — Type a new name for the entire tier list here. The title appears at the top of the tier list when exported.

Reorder buttons — Toggle the arrow buttons on/off. When enabled, each item in a tier has left/right arrows so you can nudge its position without dragging.

Move unranked to sidebar — Moves the Unranked pool from below the tier list into the sidebar, freeing up vertical space when working on a large list.

Hide sidebar — Collapse the sidebar entirely to give the tier list maximum screen width — useful when presenting or exporting.

Dragging

Between tiers — Drag any item tile from one tier row and drop it onto another. The entire tier row is a valid drop zone.

Within a tier — When dragging inside the same tier, a thin blue glowing line appears between items showing exactly where the tile will be inserted — left or right of each neighbour. This works even in wrapped multi-row tiers.

From Unranked — Drag items out of the Unranked pool into any tier. They can also be dragged back to Unranked.

Touch support — On mobile, press and hold a tile for about 150 ms to start a drag. A ghost image follows your finger. Edge-scrolling activates when you drag near the top or bottom of the screen.

Right-click rename — Right-click (or long-press) any item tile to rename it inline — useful when a song or album title is too long and you want a shorter label.

Multiple Tier Lists

New list — Click the + button in the charts panel to create a brand new blank tier list alongside your existing ones.

Switching lists — Click any list name in the charts panel to switch to it. All state (tiers, items, colours, title) is saved automatically before switching.

Rename a list — Double-click a list name in the panel to rename it.

Delete a list — Click the trash icon next to a list name to delete it. Cannot delete the last remaining list.

Sidebar Width

Drag the resize handle on the right edge of the sidebar to make it wider or narrower. The width is saved to your browser so it persists between sessions. The sidebar can be sized between 200 px and 600 px.

Exporting & Saving

Export PNG — Click the PNG button (or press Ctrl/Cmd+E) to download a screenshot of your tier list as an image file. The export captures the tier grid exactly as it appears, including the title.

Export JSON — Saves the full tier list structure to a JSON file — tiers, items, colours, title and all. Use this to back up your list or transfer it to another device.

Export CSV — Downloads a simple spreadsheet of your ranked items — one row per item with its tier label. Useful if you want to process your rankings elsewhere.

Import JSON — Load a previously saved JSON file to restore a tier list exactly as it was when you exported it.

Auto-save — All changes are auto-saved to localStorage in real time. You don't need to manually save — just export JSON if you want a portable backup.

Keyboard Shortcuts

UndoCtrl/Cmd Z
RedoCtrl/Cmd Y
Toggle sidebarCtrl/Cmd H
Export PNGCtrl/Cmd E
Save JSONCtrl/Cmd S
Quick rename itemRight-click tile
Close this modalEscape