Add Player Health HUD 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-health-hudFirst time? Start with the documentation.
import { Player Health HUD } from "./src/client/ui/components/player-health-hud";<HealthHUD currentHP={75} maxHP={100} />A sleek health bar display showing the player's current HP with animated fill bar, numeric display, and low-health warning state.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | HUDs |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.bg, colors.error, colors.success, colors.textPrimary, radius.md |
| Last Updated |
| July 31, 2026 |