counterstrike-cn

Kill Feed

Top-right kill notification feed with team colors and weapons.

Kill Feed

The kill notification feed from the top-right corner of the screen — color-coded player names by team, weapon indicators, headshot markers, and progressive opacity fade.

Interactive Preview
n0thing[AK-47]HSf0rest
GeT_RiGhT[AWP]shroud
Hiko[Deagle]HSfriberg
f0rest[Knife]n0thing

Usage

import { KillFeed } from "@/components/ui/cscn/kill-feed";

<KillFeed
  entries={[
    {
      killer: "s1mple",
      killerTeam: "ct",
      victim: "dev1ce",
      victimTeam: "t",
      weapon: "awp",
      headshot: true,
    },
    {
      killer: "GeT_RiGhT",
      killerTeam: "t",
      victim: "Hiko",
      victimTeam: "ct",
      weapon: "ak47",
    },
  ]}
/>

Props

PropTypeDefaultDescription
entriesKillFeedEntry[]Kill events to display
maxVisiblenumber5Maximum entries shown

Supports 30+ weapon names including: ak47, m4a1, awp, deagle, usp, glock, knife, hegrenade, mp5, p90, scout, and more.