A comprehensive card to display and organize your Home Assistant device entities
A custom card for Home Assistant that provides a comprehensive overview of any device in your system. The card organizes device information into expandable sections. An Integration Card variant displays all devices from a selected integration domain.
Full documentation is available at: homeassistant-extras.github.io/device-card
type: custom:device-card
device_id: YOUR_DEVICE_IDOr use an entity ID and the card will automatically determine the device:
type: custom:device-card
entity_id: sensor.your_entity_idtype: custom:integration-card
integration: zwave_js- Open HACS in your Home Assistant instance
- Click the menu icon in the top right and select "Custom repositories"
- Add:
https://github.com/homeassistant-extras/device-card - Select "Dashboard" as the category
- Click "Install"
- Download
device-card.jsfrom the latest release - Copy to
www/community/device-card/ - Add to your
configuration.yaml:
lovelace:
resources:
- url: /local/community/device-card/device-card.js
type: module- Join the Discussions - Share your insights, provide feedback, or ask questions
- Report Issues - Submit bugs or feature requests
- Submit Pull Requests - Review open PRs and submit your own
- Check out Discord - Need further help, have ideas, want to chat?
- Check out my other cards!
This project is protected under the MIT License. For more details, refer to the LICENSE file.
- Built using LitElement
- Inspired by Home Assistant's chip design
- Thanks to all contributors!
- Maintained by Patrick Masters / Curious Cat Consulting
Initial design: Create initial card designEnhanced customization: Add more customization optionsCustom section order and exclusions: Set the order in which sections are displayed & exclude things - thanks @andrewjswanEntity interactions: Configure tap, hold, and double-tap actions - thanks @andrewjswanStatus badges: Quick status badges for device stateEntity filtering: Filter specific entities from display - thanks @andrewjswan, @TTLucianIntegration Card: Rollup to see all devices - thanks @andrewjswanHide device model: Option to hide device model information - thanks @andrewjswanCompact layout: Space-efficient layout option - thanks @andrewjswanColumn control: Ability to define column count for integration card - thanks @andrewjswanDevice exclusion: Ability to exclude devices from integration card - thanks @andrewjswanWildcard/regex filtering: Exclude devices/entities by wildcard or regex patterns - thanks @andrewjswanDevice inclusion: Include only specific devices option - thanks @andrewjswanEntity & device sorting: Add ability to sort entities - thanks @andrewjswan, @rudi159Card expansion: Ability to expand/collapse the device card - thanks @fgamache1, @joshua-beck-0908Pinned entity state: Add pinned state entity display - thanks @fgamache1Integration title control: Modify/hide integration card title - thanks @andrewjswanHide title feature: Device card can remove titleSection exclusion: Add ability to exclude sections - thanks @ctallcEntity ID support: Alternative to device_id - card automatically determines device - thanks @potat0manRandom bugs & improvements: pointing out issues to improve card - thanks @PedroKTFC, @misc-brabs!Translations / Localization: support for multiple languages and localized text - thanks @BsectorInverse percent colors: Invert percent bar colors for entities like disk usage - thanks @misc-brabsJinja template support: Certain config properties support Jinja - thanks @LenirSantiagoAuto-entities support:entityconfig property for auto-entities integration - thanks @misc-brabsHeading icon: Entity icon next to card heading when entity_id/entity is configured - thanks @LennartPlMore-info from attributes: Tap an entity's attribute details to open its more-info dialog - thanks @mleiber
