Skip to content

Create custom League of Legends tierlists with champions, skins, abilities, items, maps, and profile icons.

Notifications You must be signed in to change notification settings

timfernix/tierlist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

League of Legends Tierlist Maker

A web-based tierlist maker for League of Legends with support for champions, skins, abilities, items, maps, profile icons, and summoner spells.

🔗 Try it here

Features

Multiple Categories

  • Champions: Create tierlists with champion icons, illustration icons, champie (chibi) icons, loading screens, or splash arts
    • Filter by lane (Top, Jungle, Middle, Bottom, Support)
    • Filter by role (Tank, Assassin, Fighter, Mage, Marksman, Support)
  • Skins: Rank skins from all champions or focus on a specific champion
    • Filter by rarity (Standard, Epic, Legendary, Mythic, Ultimate, Transcendent)
  • Profile Icons: Rank champion-themed profile icons (illustration, champie, and other variants)
    • Select all icons or focus on a specific champion's icons
  • Abilities: Compare champion abilities (Passive, Q, W, E, R)
    • Select abilities from different champions
  • Items: Rank items including event items and Swarm mode items
  • Maps: Create tierlists for different gamemodes and maps
  • Summoner Spells: Rank summoner spells
  • Emotes: Rank all available emotes
    • Filter by champion or view all
  • Chromas: Rank chromas by champion or color
    • Filter by champion
    • Filter by color (Red, Blue, Green, etc.) when viewing all champions

Special Tierlists

  • Build Your Champion: Create your perfect champion by picking one ability from each slot (Passive, Q, W, E, R) from different champions
  • Prestige Skins: Rank all prestige edition skins across all champions

Interactive Features

  • Drag & Drop: Easily move images between tiers (works on desktop and mobile)
  • Touch Support: Full mobile support with touch drag-and-drop
  • Image Preview: Click on images to see a larger preview with the name
  • Customizable Tiers: Add, remove, reorder, and customize tier colors and labels
  • Download: Export your tierlist as a PNG image
  • Auto-scroll: Automatically scrolls when dragging items near the edge (desktop)
  • Loading Indicators: Visual feedback while generating tierlists

How to Use

🔗 Read here

Built With

HTML5 CSS3 JavaScript Python Bootstrap Riot Games API html2canvas GitHub Actions

Automated Data Updates

This project uses GitHub Actions to automatically update game data daily:

  • Skins, Chromas & Rarity: Fetches latest skin data, chromas, and rarity classifications from Community Dragon
  • Icons: Updates champion profile icons (illustration, champie, and other variants)
  • Lanes: Validates champion lane assignments against current patch data
  • Roles: Champion role classifications (manually maintained)

All data files are automatically committed when changes are detected.

Data Sources

All game assets and data are sourced from:

This project was created under Riot Games' "Legal Jibber Jabber" policy using assets owned by Riot Games. Riot Games does not endorse or sponsor this project.

Credits

Made with 💖 by timfernix


League of Legends and Riot Games are trademarks or registered trademarks of Riot Games, Inc.