Cooldown Radial

cooldown-radial

HUDReadycomponent

A circular cooldown indicator for skills and consumables.

npx shadcn@latest add @gamecn/cooldown-radial

Live Preview

Rendered with the component style selected in the top-right selector.

Frame

Scale100%

92Dash

48Ult

12Trap

Examples

Basic setup, game-state usage, and customization paths.

Install Cooldown Radial and render it with the default GameCN treatment.

npx shadcn@latest add @gamecn/cooldown-radial

import { CooldownRadial } from '@/components/ui/cooldown-radial'

Use Cooldown Radial with richer game-state data such as variants, empty states, compact density, or critical states.

<CooldownRadial
  className="max-w-md"
/>

Swap artwork, tune tokens, and wire the installed copy to your live game state.

<CooldownRadial
  iconSrc="/game-assets/cooldown-radial.png"
/>