Tier List Builder – Drag Drop Ranking App | React, TypeScript

Tier List Builder is a modern HTML5 app for creating visual ranking boards, similar in concept to TierMaker and other popular tier-list maker websites. It is packaged as a customizable standalone project that you can install on your own hosting. Users can upload images, drag items into colored tier rows, customize the board, and export the final result for sharing or backup. It is suitable for game rankings, character rankings, product comparisons, personal lists, community content, and similar visual tier-list use cases.

IMPORTANT NOTE

This product is a frontend-only static HTML5 application. It does not require a backend server, database, admin panel, or online account system. Uploaded images, board settings, and the current tier list are handled in the browser and saved with local storage. This makes the app lightweight, easy to install, and suitable for shared hosting, static hosting, cPanel hosting, VPS, or a subfolder inside an existing website.

The images shown in screenshots and previews are AI-generated demo images. They are used for presentation purposes only and are not included in the package files.

FEATURES

• Interactive Tier List Builder
• Upload Multiple Images
• Drag-and-Drop Ranking
• Move Items Between Tier Rows and Image Gallery
• Reorder Items Inside Rows
• Editable Board Title
• Custom Tier Row Labels
• Custom Tier Row Colors
• Add New Rows Above or Below Existing Rows
• Delete Rows
• Clear Images From a Row
• Move Rows Up and Down
• Image Shape Selector
• Common Image Ratios: Square, Free, 16:9, 4:5, 1:2, and More
• Browser Autosave with Local Storage
• Export Tier List as PNG
• Export Tier List as JSON Backup
• Import Tier List from JSON
• First-Run Onboarding Tour
• Responsive Layout for Desktop and Mobile
• Modern Dark UI
• No Backend Required