28 Tier List

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?

Reach out anytime at hello@brandingupstudio.com. We usually reply within 1 business day.

Setup tip: set Width to Fill and give it a generous height (about 700 px for five rows).

Need more? All 10 paid BrandingUp components in one payment: All-Access Pass, $49 → https://brandingup.lemonsqueezy.com/checkout/buy/3391c106-6fbc-41b8-9cc8-b63365b95665

Built with code but fully customizable via property controls, no coding needed. Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.