Skip to content

milk3e/Tier-List-Maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

146 Commits
 
 
 
 
 
 

Repository files navigation

Tier List Maker (Version 3.5)

Click here to use the web version without downloading it.

t

This is a standalone HTML file you can open with your web browser, it lets you create tier lists.

Features

  • Creatable, moveable, colorable, deletable tiers.
  • Import images by file, URL, clipboard, or drag and drop. Move and sort them within tiers, can crop them or keep aspect ratio, can compress them, rename them, add descriptions, delete them, etc.
  • Gif support, animated in the tier list.
  • Save/Load by exporting and importing a .json file.
  • Create an image of the tier list with adjustable quality.
  • Adjustable layout and settings to change the workflow to your liking.
  • Shuffle button to make the order you tier things in unique.
  • Bloat-free, fully offline and local, with no localStorage useage.
  • And more!

How to Download for Offline Use

  1. Download 'index.html' by either clicking it above in the file list and then clicking the download button, or by clicking the green 'Code' button, downloading the zip, and extracting it.
  2. Double-click the html file to run it directly in your web browser.
  3. Have fun!
  • If you are on mobile, to run a local .html file, you may need to use an app like Webspace from F-Droid to open it. Some mobile browsers may be capable of running local .html files but it is not common.

Tips

  • You can rename the page title by clicking on it, and rename image file names by clicking on them and typing over them.
  • When the image bank gets a large filesize, it can slow things down. Use the "Compress Images" button to keep it lean.
  • You can make multiple tier lists for the same images by creating new tier tabs.

If you want to use images from an existing tier list, there's an easy way to do so using an extension I made, Media Grabber. Simply go to a tier list website (or any suitable website with images), click Media Grabber, select the path that has specifically the tier list images (sometimes is split into multiple paths), then download it as a zip (keep the extension open while downloading, otherwise the download stops). Then just extract the zip holding the images, and dump those images into this tier list maker.

If you don't want to use the extension and are on Firefox (or any Firefox fork), you can press Ctrl+I to open page info. While on a page with the images you want, you can go to the Media tab, sort by Type so you can see just 'Image' labeled media next to eachother, select the images you want and download them, then just add them into the tier list maker. Images from tier list sites often all share the same file path, making it easy to Shift+Click just what you want and not any extra stuff like GUI/page elements. (Keep Page Info open while downloading, otherwise the download stops).

Depending on your operating system, browser, or file explorer, you may have a cap for how many images you can import into the tier list maker at once. A simple workaround is just to break up the images into groups (for example, groups of 300), then import them one group at a time.

If you are on a privacy-focused browser, you may have Canvas Data disabled, which can break certain features. A quick way in Firefox to enable it for that tab is to click the icon left of the URL (either looks like switches or like a picture), and enable it there.

Some lite browsers like the DuckDuckGo browser on mobile may have weird colors or other issues.

This project's code was made by Google Gemini and Claude, then edited by me.

This project is dedicated to the public domain (CC0). Feel free to copy, modify, distribute, or do whatever you want with it.

Releases

No releases published

Packages

 
 
 

Contributors

Languages