Install with the CLI

Add Player List (Roster) to your Roblox project in one command. Requires Node 18+ and a Roblox project — run robloxui init first if you don't have one yet. See the docs.

bashnpx robloxui add player-list-roster

First time? Start with the documentation.

Import

tsx

import { Player List (Roster) } from "./src/client/ui/components/player-list-roster";

Usage

tsx

local PlayerList = require(script.Parent.PlayerList)
local roster = PlayerList.new({ size = UDim2.new(0, 260, 0, 0) })
roster.Parent = gui

Player List (Roster)

TSX + LuauFree

Auto-syncing scoreboard roster. PlayerListService hooks Players.PlayerAdded/Removing, reads leaderstats score + team, measures ping, and emits a sorted roster (team-then-score). PlayerRow shows a team color stripe, name, score, and color-coded ping. Headers group players by team.

by RobloxUI Team

View Source

Details

Author	RobloxUI Team
Framework	Roblox-TS + React-Luau
Category	Social
Dependencies	@rbxts/react
Theme Tokens	colors.primary, colors.primaryLight, colors.primaryDark, colors.secondary, colors.secondaryLight, colors.secondaryDark, colors.accent, colors.accentLight, colors.accentDark, colors.bg, colors.bgSecondary, colors.bgTertiary, colors.surface, colors.border, colors.borderLight, colors.glow, colors.text, colors.textPrimary, colors.textSecondary, colors.textMuted, colors.success, colors.successLight, colors.error, colors.errorLight, colors.warning, colors.info, colors.gold, colors.goldLight, gradients.primary, gradients.gold, gradients.health, gradients.mana, gradients.purple, gradients.card, gradients.surface, gradients.surfaceLight, spacing.3xs, spacing.2xs, spacing.xs, spacing.sm, spacing.md, spacing.lg, spacing.xl, radius.sm, radius.md, radius.lg, radius.xl

Player List (Roster) — RobloxUI