Custom Cards

This Repository gives sample code to make custom cards for HomeAssistant. You will be requiring Custom: Button Card, Mini-Graph Card, my-slider-v2, apex-charts, stack-in-card and Card-mod to be pre-installed to make it work.

Card-Mod

Custom:Button-Card

Mini-Graph Card

My-Slider-v2

Stack-in-Card

ApexCharts

Custom Icons

• Google Material Icons.
• Some from Flaticons.

Install

  resources:
    - url: /local/custom_icon.js
      type: module

Person Card

• Information on Person mobile battery and storage
• Indication for Away from Home Zone and network connection at top right corner.

Room Card

• Sensor info under Room name.
• Indication for Active device at top right corner.

Light Card

• Card Color change on light state change.
• Slider for changing brightness(default). Can be changed to use for temperature, color.

Media Player Card

• Minimal view card

Switch Card

• Shows state info.
• Toggle button to indicate on/off state.

Device Card

• Show device status battery, storagea other sensors.
• Indication and info of connection type and battery status.

Usage Card

• Weekly graph of usage

Utilization Card

• Shows utilization of resources with progress bar.

Storage Card

• Show Storage with prgress bar.

Information Card

Style 1

• Shows sensor state information with graph.

Style 2

• Shows sensor state information.

Style 3

• Shows sensor state information.