Gamer status card for Steam, Roblox and Xbox integrations!

Usage Example 1

type: entities
entities:
  - type: custom:kb-steam-card
    entities:
      - sensor.steam_<steam-id>
title: Steam 🎮

Usage Example 2

Note: When adding xbox entities, use the xbox sensors that end with _status in the sensor name.

• To show game header image as background, add game_background: true:
  
• To show only users that are online, add online_only: true:
  
• To show gaming network overlays, such a S, R, and X for Steam, Roblox, Xbox network entities, add gaming_network_overlay: true  (default = false):

type: entities
entities:
  - type: custom:kb-steam-card
    game_background: true
    online_only: true
    gaming_network_overlay: true
    entities:
      - sensor.steam_<steam-id>
      - sensor.steam_<steam-id>
      - sensor.steam_<steam-id>
      - sensor.steam_<steam-id>
      - sensor.roblox_<roblox-id>
      - sensor.roblox_<roblox-id>
      - sensor.roblox_<roblox-id>
      - sensor.<xbox-gamertag>_status
      - sensor.<xbox-gamertag>_status
      - sensor.<xbox-gamertag>_status
      - sensor.<xbox-gamertag>_status
      - sensor.<xbox-gamertag>_status
title: Gamers 🎮

More Screenshots

away \ offline state

online state

while playing a game

Installation

Prerequisites

You need to install at least one of the following gaming network integrations: Steam, Roblox, Xbox to use with this card.

HACS (recommended)

1. Go to the Community Store.
2. Search for steam card plus.
3. Press Install.

Manual Installation

resources:
  url: '<url-to-card.js>'
  type: module

---

Special thanks to "Kibibit" for the original kb-steam-card sourcecode ⭐