Scoreboard
TAB-style scoreboard with team sections, player stats, and ping.
Scoreboard
The classic CS 1.6 scoreboard that appears when you hold TAB — server info header, team sections with player stats, and color-coded names.
Interactive Preview
dust2 24/7 | Competitive
de_dust21:23
Counter-Terrorists8
| Player | Status | Score | Deaths | Ping |
|---|---|---|---|---|
| n0thing | 24 | 18 | 28 | |
| shroud | 20 | 15 | 35 | |
| Hiko | 💀 | 18 | 20 | 42 |
Terrorists6
| Player | Status | Score | Deaths | Ping |
|---|---|---|---|---|
| f0rest | 22 | 16 | 55 | |
| GeT_RiGhT★ BOMB | 19 | 17 | 48 | |
| friberg | 💀 | 15 | 21 | 62 |
Usage
import { Scoreboard } from "@/components/ui/cscn/scoreboard";
<Scoreboard
serverName="dust2 24/7 | Competitive"
mapName="de_dust2"
ctScore={8}
tScore={6}
timeLeft="1:23"
ctPlayers={[
{ name: "n0thing", kills: 22, deaths: 14, ping: 32, alive: true },
{ name: "Hiko", kills: 18, deaths: 16, ping: 45, alive: false },
{ name: "shroud", kills: 15, deaths: 12, ping: 28, alive: true },
]}
tPlayers={[
{ name: "f0rest", kills: 24, deaths: 13, ping: 55, alive: true },
{ name: "GeT_RiGhT", kills: 20, deaths: 15, ping: 48, alive: true, hasBomb: true },
{ name: "friberg", kills: 12, deaths: 18, ping: 62, alive: false },
]}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
serverName | string | "Counter-Strike Server" | Server hostname |
mapName | string | "de_dust2" | Current map |
ctScore | number | — | CT round wins |
tScore | number | — | T round wins |
ctPlayers | Player[] | — | CT player list |
tPlayers | Player[] | — | T player list |
timeLeft | string | "1:45" | Round time remaining |
Player type
interface Player {
name: string;
kills: number;
deaths: number;
ping: number;
alive?: boolean;
hasBomb?: boolean;
}