Rank Designer

Pixel badges for chat and the tab list, like the ones on big networks. Design your ranks, see them in a chat and tab preview, then download the PNGs with a ready ItemsAdder config, or colored text prefixes if your server has no resource pack.

Your ranks

Edit badge

Text (A–Z, 0–9, + - ! ? . & ★ ♥)

ColorText

Gradient Own border color Small + on the corner

Icon

Preview

Player name

Chat (the first six ranks)

Tab list

Badges as images (ItemsAdder)

One PNG per rank, 9 pixels tall, plus ranks.yml. Copy the folder into plugins/ItemsAdder/contents/ and run /iazip.

Namespace (folder name)

LuckPerms prefixes

lp group admin meta setprefix 110 "%img_admin% "
lp group dev meta setprefix 100 "%img_dev% "
lp group mod meta setprefix 90 "%img_mod% "
lp group helper meta setprefix 80 "%img_helper% "
lp group builder meta setprefix 70 "%img_builder% "
lp group vip meta setprefix 60 "%img_vip% "
lp group vipplus meta setprefix 50 "%img_vipplus% "
lp group legend meta setprefix 40 "%img_legend% "
lp group prime meta setprefix 30 "%img_prime% "
lp group lite meta setprefix 20 "%img_lite% "
lp group member meta setprefix 10 "%img_member% "

ranks/configs/ranks.yml

info:
  namespace: ranks
font_images:
  admin:
    permission: "ranks.admin"
    show_in_gui: true
    suggest_in_command: false
    path: "admin.png"
    scale_ratio: 9
    y_position: 8
  dev:
    permission: "ranks.dev"
    show_in_gui: true
    suggest_in_command: false
    path: "dev.png"
    scale_ratio: 9
    y_position: 8
  mod:
    permission: "ranks.mod"
    show_in_gui: true
    suggest_in_command: false
    path: "mod.png"
    scale_ratio: 9
    y_position: 8
  helper:
    permission: "ranks.helper"
    show_in_gui: true
    suggest_in_command: false
    path: "helper.png"
    scale_ratio: 9
    y_position: 8
  builder:
    permission: "ranks.builder"
    show_in_gui: true
    suggest_in_command: false
    path: "builder.png"
    scale_ratio: 9
    y_position: 8
  vip:
    permission: "ranks.vip"
    show_in_gui: true
    suggest_in_command: false
    path: "vip.png"
    scale_ratio: 9
    y_position: 8
  vipplus:
    permission: "ranks.vipplus"
    show_in_gui: true
    suggest_in_command: false
    path: "vipplus.png"
    scale_ratio: 9
    y_position: 8
  legend:
    permission: "ranks.legend"
    show_in_gui: true
    suggest_in_command: false
    path: "legend.png"
    scale_ratio: 9
    y_position: 8
  prime:
    permission: "ranks.prime"
    show_in_gui: true
    suggest_in_command: false
    path: "prime.png"
    scale_ratio: 9
    y_position: 8
  lite:
    permission: "ranks.lite"
    show_in_gui: true
    suggest_in_command: false
    path: "lite.png"
    scale_ratio: 9
    y_position: 8
  member:
    permission: "ranks.member"
    show_in_gui: true
    suggest_in_command: false
    path: "member.png"
    scale_ratio: 9
    y_position: 8

Text prefixes (no resource pack)

The same colors as plain chat text. Works on any server. Hex colors need Minecraft 1.16 or newer.

Small caps (ᴠɪᴘ instead of VIP)

LuckPerms with &# hex

lp group admin meta setprefix 110 "&#E3343C&lADMIN &r"
lp group dev meta setprefix 100 "&#6E2C9E&lDEV &r"
lp group mod meta setprefix 90 "&#262A8C&lMOD &r"
lp group helper meta setprefix 80 "&#FF8A00&lHELPER &r"
lp group builder meta setprefix 70 "&#0A4FA3&lBUILDER &r"
lp group vip meta setprefix 60 "&#0599AD&lVIP &r"
lp group vipplus meta setprefix 50 "&#FF9600&lVIP+ &r"
lp group legend meta setprefix 40 "&#F6C32A&lL&#F8B122&lE&#FA9F19&lG&#FB8E11&lE&#FD7C08&lN&#FF6A00&lD &r"
lp group prime meta setprefix 30 "&#2FBF4A&lPRIME &r"
lp group lite meta setprefix 20 "&#7A3CC9&lL&#8C51DB&lI&#9E67ED&lT&#B07CFF&lE &r"
lp group member meta setprefix 10 "&#6B6B6B&lMEMBER &r"

MiniMessage

admin: "<#e3343c><b>ADMIN</b></#e3343c> "
dev: "<#6e2c9e><b>DEV</b></#6e2c9e> "
mod: "<#262a8c><b>MOD</b></#262a8c> "
helper: "<#ff8a00><b>HELPER</b></#ff8a00> "
builder: "<#0a4fa3><b>BUILDER</b></#0a4fa3> "
vip: "<#0599ad><b>VIP</b></#0599ad> "
vipplus: "<#ff9600><b>VIP+</b></#ff9600> "
legend: "<gradient:#f6c32a:#ff6a00><b>LEGEND</b></gradient> "
prime: "<#2fbf4a><b>PRIME</b></#2fbf4a> "
lite: "<gradient:#7a3cc9:#b07cff><b>LITE</b></gradient> "
member: "<#6b6b6b><b>MEMBER</b></#6b6b6b> "