Description
Tier List Builder – Drag & Drop Ranking App | React, TypeScript
Tier List Builder – Drag & Drop Ranking App | React, TypeScript 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.
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
