What it does
A drag-and-drop tier list for your site: colored S / A / B / C / D rows, a tray of unranked tiles, and visitors ranking things by dragging. Tiles can be text or images, rows can be renamed and recolored, and a built-in preset gives you a finished board on install.
Customizable properties
- Preset: Design Tools, Pizza Toppings, Days of the Week, or Custom
- Items (up to 40): text or image, label, starting row (or the tray)
- Tiers (2–8 rows): name and color
- Tile size, gap, radius and colors; image label Below / Overlay / None
- Row, background and accent colors, padding, tier label width
- Shuffle and Reset buttons with your own text
- Tile and tier fonts, one-time entrance animation
Why this component
- A real tier list, not a kanban: ranked rows, an unranked tray, and an insertion marker while you drag.
- Works with zero images: text tiles look finished, image tiles mix in.
- Touch-ready with no long press; only the tiles block scrolling.
- Keyboard friendly: arrow keys move a tile, Esc cancels a drag.
- One file, no libraries. Canvas and static export show the preset ranking.
Need help?
Email hello@brandingupstudio.com — we usually reply within 1 business day. Custom edits are available from $75/hr.
