jeena/home-assistant.github.io
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions
home-assistant.github.io/components/index.html
Travis CI 58dfb90c0e Site updated at 2017-03-17 15:15:32 UTC
2017-03-17 15:15:32 +00:00

11050 lines
No EOL
311 KiB
HTML
Raw Blame History

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Components - Home Assistant</title>
<meta name="author" content="Home Assistant">
<meta name="description" content="List of the built-in components of Home Assistant.">
<meta name="viewport" content="width=device-width">
<link rel="canonical" href="https://home-assistant.io/components/">
<meta property="fb:app_id" content="338291289691179">
<meta property="og:title" content="Components">
<meta property="og:site_name" content="Home Assistant">
<meta property="og:url" content="https://home-assistant.io/components/">
<meta property="og:type" content="website">
<meta property="og:description" content="List of the built-in components of Home Assistant.">
<meta property="og:image" content="https://home-assistant.io/images/default-social.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@home_assistant">
<meta name="twitter:title" content="Components">
<meta name="twitter:description" content="List of the built-in components of Home Assistant.">
<meta name="twitter:image" content="https://home-assistant.io/images/default-social.png">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
<link href="/atom.xml" rel="alternate" title="Home Assistant" type="application/atom+xml">
<link rel='shortcut icon' href='/images/favicon.ico' />
<link rel='icon' type='image/png' href='/images/favicon-192x192.png' sizes='192x192' />
</head>
<body id="components-page">
<header>
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
<a href="/" class="site-title">
<img width='40' src='/demo/favicon-192x192.png'>
<span>Home Assistant</span>
</a>
</div>
<div class="grid__item seven-tenths lap-four-sixths palm-one-whole">
<nav>
<input type="checkbox" id="toggle">
<label for="toggle" class="toggle" data-open="Main Menu" data-close="Close Menu"></label>
<ul class="menu pull-right">
<li><a href="/getting-started/">Getting started</a></li>
<li><a href="/components/">Components</a></li>
<li><a href="/docs/">Docs</a></li>
<li><a href="/cookbook/">Examples</a></li>
<li><a href="/developers/">Developers</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/help/">Need help?</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="grid-wrapper">
<div class="grid grid-center">
<div class="grid__item one-whole">
<article class="page">
<header>
<h1 class="title indent">
Components
</h1>
</header>
<hr class="divider">
<p class='note'>
Support for these components is provided by the Home Assistant community.
</p>
<div class="grid">
<div class="grid__item one-sixth lap-one-whole palm-one-whole">
<div class="filter-button-group">
<a href='#all' class="btn">All (603)</a>
<a href='#featured' class="btn featured">Featured</a>
<a href='#added_in_current_version' class="btn added_in_current_version">Added in 0.40 (16)</a>
<a href='#added_one_version_ago' class="btn added_one_version_ago">Added in 0.39 (20)</a>
<a href='#added_two_versions_ago' class="btn added_two_versions_ago">Added in 0.38 (16)</a>
<a href='#alarm' class="btn">
Alarm
(10)
</a>
<a href='#automation' class="btn">
Automation
(15)
</a>
<a href='#binary-sensor' class="btn">
Binary Sensor
(39)
</a>
<a href='#calendar' class="btn">
Calendar
(3)
</a>
<a href='#camera' class="btn">
Camera
(16)
</a>
<a href='#climate' class="btn">
Climate
(15)
</a>
<a href='#cover' class="btn">
Cover
(14)
</a>
<a href='#diy' class="btn">
DIY
(16)
</a>
<a href='#deprecated' class="btn">
Deprecated
(3)
</a>
<a href='#downloading' class="btn">
Downloading
(5)
</a>
<a href='#energy' class="btn">
Energy
(11)
</a>
<a href='#fan' class="btn">
Fan
(3)
</a>
<a href='#finance' class="btn">
Finance
(6)
</a>
<a href='#front-end' class="btn">
Front end
(3)
</a>
<a href='#health' class="btn">
Health
(2)
</a>
<a href='#history' class="btn">
History
(11)
</a>
<a href='#hub' class="btn">
Hub
(42)
</a>
<a href='#image-processing' class="btn">
Image Processing
(4)
</a>
<a href='#light' class="btn">
Light
(36)
</a>
<a href='#lock' class="btn">
Lock
(7)
</a>
<a href='#media-player' class="btn">
Media Player
(41)
</a>
<a href='#notifications' class="btn">
Notifications
(44)
</a>
<a href='#organization' class="btn">
Organization
(3)
</a>
<a href='#presence-detection' class="btn">
Presence Detection
(36)
</a>
<a href='#remote' class="btn">
Remote
(2)
</a>
<a href='#scene' class="btn">
Scene
(1)
</a>
<a href='#sensor' class="btn">
Sensor
(68)
</a>
<a href='#social' class="btn">
Social
(5)
</a>
<a href='#switch' class="btn">
Switch
(52)
</a>
<a href='#system-monitor' class="btn">
System Monitor
(21)
</a>
<a href='#text-to-speech' class="btn">
Text-to-speech
(5)
</a>
<a href='#transport' class="btn">
Transport
(9)
</a>
<a href='#voice' class="btn">
Voice
(3)
</a>
<a href='#weather' class="btn">
Weather
(15)
</a>
<a href='#other' class="btn">Other</a>
</div>
</div>
<div class="grid__item five-sixths lap-one-whole palm-one-whole">
<div class="component-search">
<form onsubmit="event.preventDefault(); return false">
<input type="text" name="search" id="search" class="search" placeholder="Search components...">
</form>
</div>
<div class="hass-option-cards" id="componentContainer">
<a href='/components/switch.anel_pwrctrl/'
class='option-card switch'
data-title="anel pwrctrl switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/anel.png'>
</div>
<div class='title'>ANEL PwrCtrl Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/apcupsd/'
class='option-card hub'
data-title="apcupsd"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/apcupsd.png'>
</div>
<div class='title'>APCUPSd</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.apcupsd/'
class='option-card system-monitor'
data-title="apcupsd binary sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/apcupsd.png'>
</div>
<div class='title'>APCUPSd Binary Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.apcupsd/'
class='option-card system-monitor'
data-title="apcupsd sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/apcupsd.png'>
</div>
<div class='title'>APCUPSd Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.api_stream/'
class='option-card sensor'
data-title="api stream sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>API Stream Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.apns/'
class='option-card notifications'
data-title="apns"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>APNS</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.arwn/'
class='option-card sensor'
data-title="arwn sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>ARWN Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.asuswrt/'
class='option-card presence-detection'
data-title="asuswrt"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/asus.png'>
</div>
<div class='title'>ASUSWRT</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/switch.fritzdect/'
class='option-card switch added_two_versions_ago'
data-title="avm fritz!dect switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/avm.png'>
</div>
<div class='title'>AVM FRITZ!DECT Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/notify.aws_lambda/'
class='option-card notifications'
data-title="aws lambda"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/aws_lambda.png'>
</div>
<div class='title'>AWS Lambda</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.aws_sns/'
class='option-card notifications'
data-title="aws sns"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/aws_sns.png'>
</div>
<div class='title'>AWS SNS</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.aws_sqs/'
class='option-card notifications'
data-title="aws sqs"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/aws_sqs.png'>
</div>
<div class='title'>AWS SQS</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/switch.acer_projector/'
class='option-card switch'
data-title="acer projector switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/acer.png'>
</div>
<div class='title'>Acer Projector Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/device_tracker.actiontec/'
class='option-card presence-detection'
data-title="actiontec"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/actiontec.png'>
</div>
<div class='title'>Actiontec</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/alarm_control_panel.alarmdotcom/'
class='option-card alarm'
data-title="alarm.com alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/alarmdotcom.png'>
</div>
<div class='title'>Alarm.com Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/alert/'
class='option-card automation added_two_versions_ago'
data-title="alert"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Alert</div>
<div class='category'>Automation</div>
</a>
<a href='/components/alexa/'
class='option-card voice featured'
data-title="alexa / amazon echo"
data-ha_category="voice"
>
<div class='img-container'>
<img src='/images/supported_brands/amazon-echo.png'>
</div>
<div class='title'>Alexa / Amazon Echo</div>
<div class='category'>Voice</div>
</a>
<a href='/components/tts.amazon_polly/'
class='option-card text-to-speech'
data-title="amazon polly"
data-ha_category="text-to-speech"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/polly.png'>
</div>
<div class='title'>Amazon Polly</div>
<div class='category'>Text-to-speech</div>
</a>
<a href='/components/camera.amcrest/'
class='option-card camera'
data-title="amcrest ip camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/amcrest.png'>
</div>
<div class='title'>Amcrest IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.amcrest/'
class='option-card sensor'
data-title="amcrest ip camera"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/amcrest.png'>
</div>
<div class='title'>Amcrest IP Camera</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/android_ip_webcam/'
class='option-card hub added_in_current_version'
data-title="android ip webcam"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/android_ip_webcam.png'>
</div>
<div class='title'>Android IP Webcam</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.android_ip_webcam/'
class='option-card binary-sensor added_in_current_version'
data-title="android ip webcam binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/android_ip_webcam.png'>
</div>
<div class='title'>Android IP Webcam Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.android_ip_webcam/'
class='option-card sensor added_in_current_version'
data-title="android ip webcam sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/android_ip_webcam.png'>
</div>
<div class='title'>Android IP Webcam Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.android_ip_webcam/'
class='option-card switch added_in_current_version'
data-title="android ip webcam settings"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/android_ip_webcam.png'>
</div>
<div class='title'>Android IP Webcam Settings</div>
<div class='category'>Switch</div>
</a>
<a href='/components/media_player.anthemav/'
class='option-card media-player'
data-title="anthem a/v receivers"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/anthemav.png'>
</div>
<div class='title'>Anthem A/V Receivers</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/apiai/'
class='option-card voice added_two_versions_ago'
data-title="api.ai"
data-ha_category="voice"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/apiai.png'>
</div>
<div class='title'>Api.AI</div>
<div class='category'>Voice</div>
</a>
<a href='/components/media_player.apple_tv/'
class='option-card media-player added_two_versions_ago featured'
data-title="apple tv"
data-ha_category="media player"
>
<div class='img-container'>
<img src='/images/supported_brands/apple.png'>
</div>
<div class='title'>Apple TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/arduino/'
class='option-card diy featured'
data-title="arduino"
data-ha_category="diy"
>
<div class='img-container'>
<img src='/images/supported_brands/arduino.png'>
</div>
<div class='title'>Arduino</div>
<div class='category'>DIY</div>
</a>
<a href='/components/sensor.arduino/'
class='option-card diy'
data-title="arduino sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/arduino.png'>
</div>
<div class='title'>Arduino Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/switch.arduino/'
class='option-card diy'
data-title="arduino switch"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/arduino.png'>
</div>
<div class='title'>Arduino Switch</div>
<div class='category'>DIY</div>
</a>
<a href='/components/device_tracker.aruba/'
class='option-card presence-detection'
data-title="aruba"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/aruba.png'>
</div>
<div class='title'>Aruba</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/binary_sensor.aurora/'
class='option-card binary-sensor added_one_version_ago'
data-title="aurora sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Aurora sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/device_tracker.automatic/'
class='option-card presence-detection'
data-title="automatic"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/automatic.png'>
</div>
<div class='title'>Automatic</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/automation/'
class='option-card automation'
data-title="automation"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Automation</div>
<div class='category'>Automation</div>
</a>
<a href='/components/light.avion/'
class='option-card light'
data-title="avi-on"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/avi-on.png'>
</div>
<div class='title'>Avi-on</div>
<div class='category'>Light</div>
</a>
<a href='/components/weather.bom/'
class='option-card weather'
data-title="bom australia"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bom.png'>
</div>
<div class='title'>BOM Australia</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.bom/'
class='option-card weather'
data-title="bom australia sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bom.png'>
</div>
<div class='title'>BOM Australia Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/device_tracker.bt_home_hub_5/'
class='option-card presence-detection'
data-title="bt home hub 5"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bt.png'>
</div>
<div class='title'>BT Home Hub 5</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/device_tracker.bbox/'
class='option-card presence-detection'
data-title="bbox"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bbox.png'>
</div>
<div class='title'>Bbox</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.bbox/'
class='option-card sensor'
data-title="bbox sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bbox.png'>
</div>
<div class='title'>Bbox Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/bbb_gpio/'
class='option-card diy'
data-title="beaglebone black gpio"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/beaglebone-black.png'>
</div>
<div class='title'>BeagleBone Black GPIO</div>
<div class='category'>DIY</div>
</a>
<a href='/components/binary_sensor.bbb_gpio/'
class='option-card binary-sensor'
data-title="beaglebone black gpio binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/beaglebone-black.png'>
</div>
<div class='title'>BeagleBone Black GPIO Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/switch.bbb_gpio/'
class='option-card switch'
data-title="beaglebone black gpio switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/beaglebone-black.png'>
</div>
<div class='title'>BeagleBone Black GPIO Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/wemo/'
class='option-card hub featured'
data-title="belkin wemo"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/belkin_wemo.png'>
</div>
<div class='title'>Belkin WeMo</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.wemo/'
class='option-card light'
data-title="belkin wemo lights"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/belkin_wemo.png'>
</div>
<div class='title'>Belkin WeMo Lights</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.wemo/'
class='option-card switch'
data-title="belkin wemo switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/belkin_wemo.png'>
</div>
<div class='title'>Belkin WeMo Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.bitcoin/'
class='option-card finance'
data-title="bitcoin"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bitcoin.png'>
</div>
<div class='title'>Bitcoin</div>
<div class='category'>Finance</div>
</a>
<a href='/components/blink/'
class='option-card hub added_in_current_version'
data-title="blink"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/blink.png'>
</div>
<div class='title'>Blink</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.blink/'
class='option-card binary-sensor added_in_current_version'
data-title="blink binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/blink.png'>
</div>
<div class='title'>Blink Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/camera.blink/'
class='option-card camera added_in_current_version'
data-title="blink camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/blink.png'>
</div>
<div class='title'>Blink Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.blink/'
class='option-card sensor added_in_current_version'
data-title="blink sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/blink.png'>
</div>
<div class='title'>Blink Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/light.blinksticklight/'
class='option-card light'
data-title="blinkstick"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/blinkstick.png'>
</div>
<div class='title'>Blinkstick</div>
<div class='category'>Light</div>
</a>
<a href='/components/bloomsky/'
class='option-card hub'
data-title="bloomsky"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bloomsky.png'>
</div>
<div class='title'>BloomSky</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.bloomsky/'
class='option-card binary-sensor'
data-title="bloomsky binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bloomsky.png'>
</div>
<div class='title'>BloomSky Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/camera.bloomsky/'
class='option-card camera'
data-title="bloomsky camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bloomsky.png'>
</div>
<div class='title'>BloomSky Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.bloomsky/'
class='option-card sensor'
data-title="bloomsky sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bloomsky.png'>
</div>
<div class='title'>BloomSky Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.bluetooth_le_tracker/'
class='option-card presence-detection'
data-title="bluetooth le tracker"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bluetooth.png'>
</div>
<div class='title'>Bluetooth LE Tracker</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/device_tracker.bluetooth_tracker/'
class='option-card presence-detection'
data-title="bluetooth tracker"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bluetooth.png'>
</div>
<div class='title'>Bluetooth Tracker</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/switch.broadlink/'
class='option-card switch'
data-title="broadlink rm switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/broadlink.png'>
</div>
<div class='title'>Broadlink RM Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.broadlink/'
class='option-card sensor'
data-title="broadlink rm2 and a1 sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/broadlink.png'>
</div>
<div class='title'>Broadlink RM2 and A1 sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/browser/'
class='option-card other'
data-title="browser"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Browser</div>
<div class='category'>Other</div>
</a>
<a href='/components/sensor.cpuspeed/'
class='option-card system-monitor'
data-title="cpu speed"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/cpu.png'>
</div>
<div class='title'>CPU speed</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.cups/'
class='option-card system-monitor'
data-title="cups sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/cups.png'>
</div>
<div class='title'>CUPS Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.modem_callerid/'
class='option-card sensor added_in_current_version'
data-title="caller id sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Caller ID Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.cisco_ios/'
class='option-card presence-detection'
data-title="cisco ios"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/cisco.png'>
</div>
<div class='title'>Cisco IOS</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/notify.ciscospark/'
class='option-card notifications added_in_current_version'
data-title="cisco spark"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ciscospark.png'>
</div>
<div class='title'>Cisco Spark</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/media_player.clementine/'
class='option-card media-player added_one_version_ago'
data-title="clementine music player"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/clementine.png'>
</div>
<div class='title'>Clementine Music Player</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.coinmarketcap/'
class='option-card finance'
data-title="coinmarketcap"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/coinmarketcap.png'>
</div>
<div class='title'>CoinMarketCap</div>
<div class='category'>Finance</div>
</a>
<a href='/components/sensor.comed_hourly_pricing/'
class='option-card energy added_in_current_version'
data-title="comed hourly pricing"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/comed.jpg'>
</div>
<div class='title'>ComEd Hourly Pricing</div>
<div class='category'>Energy</div>
</a>
<a href='/components/cover.command_line/'
class='option-card cover'
data-title="command line cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command Line Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/binary_sensor.command_line/'
class='option-card binary-sensor'
data-title="command line binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command line Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/notify.command_line/'
class='option-card notifications'
data-title="command line notify"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command line Notify</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.command_line/'
class='option-card sensor'
data-title="command line sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command line Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.command_line/'
class='option-card switch'
data-title="command line switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command line Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/alarm_control_panel.concord232/'
class='option-card alarm'
data-title="concord232 alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/interlogix.png'>
</div>
<div class='title'>Concord232 Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/binary_sensor.concord232/'
class='option-card binary-sensor'
data-title="concord232 binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/interlogix.png'>
</div>
<div class='title'>Concord232 Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/config/'
class='option-card other added_one_version_ago'
data-title="config"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Config</div>
<div class='category'>Other</div>
</a>
<a href='/components/configurator/'
class='option-card other'
data-title="configurator"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Configurator</div>
<div class='category'>Other</div>
</a>
<a href='/components/conversation/'
class='option-card voice'
data-title="conversation"
data-ha_category="voice"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Conversation</div>
<div class='category'>Voice</div>
</a>
<a href='/components/sensor.currencylayer/'
class='option-card finance'
data-title="currencylayer"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/currencylayer.png'>
</div>
<div class='title'>Currencylayer</div>
<div class='category'>Finance</div>
</a>
<a href='/components/switch.dlink/'
class='option-card switch'
data-title="d-link switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dlink.png'>
</div>
<div class='title'>D-Link Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/device_tracker.ddwrt/'
class='option-card presence-detection'
data-title="dd-wrt"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ddwrt.png'>
</div>
<div class='title'>DD-WRT</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.dht/'
class='option-card diy'
data-title="dht sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dht.png'>
</div>
<div class='title'>DHT Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/sensor.dnsip/'
class='option-card sensor added_in_current_version'
data-title="dns ip"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>DNS IP</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.dsmr/'
class='option-card energy'
data-title="dsmr/slimme meter"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netbeheernederland.jpg'>
</div>
<div class='title'>DSMR/Slimme meter</div>
<div class='category'>Energy</div>
</a>
<a href='/components/sensor.dte_energy_bridge/'
class='option-card energy'
data-title="dte energy bridge"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dte_energy.png'>
</div>
<div class='title'>DTE Energy Bridge</div>
<div class='category'>Energy</div>
</a>
<a href='/components/sensor.darksky/'
class='option-card weather featured'
data-title="dark sky"
data-ha_category="weather"
>
<div class='img-container'>
<img src='/images/supported_brands/dark_sky.png'>
</div>
<div class='title'>Dark Sky</div>
<div class='category'>Weather</div>
</a>
<a href='/components/light.decora/'
class='option-card light'
data-title="decora"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/leviton.png'>
</div>
<div class='title'>Decora</div>
<div class='category'>Light</div>
</a>
<a href='/components/demo/'
class='option-card other'
data-title="demo platforms"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Demo platforms</div>
<div class='category'>Other</div>
</a>
<a href='/components/media_player.denon/'
class='option-card media-player'
data-title="denon network receivers"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/denon.png'>
</div>
<div class='title'>Denon Network Receivers</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.deutsche_bahn/'
class='option-card transport'
data-title="deutsche bahn"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/db.png'>
</div>
<div class='title'>Deutsche Bahn</div>
<div class='category'>Transport</div>
</a>
<a href='/components/switch.digitalloggers/'
class='option-card switch'
data-title="digital loggers switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/digitalloggers.png'>
</div>
<div class='title'>Digital Loggers Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/digital_ocean/'
class='option-card hub featured'
data-title="digital ocean"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/digital_ocean.png'>
</div>
<div class='title'>Digital Ocean</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.digital_ocean/'
class='option-card system-monitor'
data-title="digital ocean binary sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/digital_ocean.png'>
</div>
<div class='title'>Digital Ocean Binary Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/switch.digital_ocean/'
class='option-card switch'
data-title="digital ocean switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/digital_ocean.png'>
</div>
<div class='title'>Digital Ocean Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/media_player.directv/'
class='option-card media-player'
data-title="directv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/directv.png'>
</div>
<div class='title'>DirecTV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/notify.discord/'
class='option-card notifications'
data-title="discord"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/discord.png'>
</div>
<div class='title'>Discord</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/discovery/'
class='option-card other'
data-title="discovery"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Discovery</div>
<div class='category'>Other</div>
</a>
<a href='/components/sensor.dovado/'
class='option-card system-monitor'
data-title="dovado"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dovado.png'>
</div>
<div class='title'>Dovado</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/downloader/'
class='option-card downloading'
data-title="downloader"
data-ha_category="downloading"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Downloader</div>
<div class='category'>Downloading</div>
</a>
<a href='/components/sensor.dublin_bus_transport/'
class='option-card transport'
data-title="dublin bus transport"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/train.png'>
</div>
<div class='title'>Dublin Bus Transport</div>
<div class='category'>Transport</div>
</a>
<a href='/components/media_player.dunehd/'
class='option-card media-player'
data-title="dunehd media players"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dunehd.png'>
</div>
<div class='title'>DuneHD media players</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.dweet/'
class='option-card sensor'
data-title="dweet.io"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dweet.png'>
</div>
<div class='title'>Dweet.io</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/dweet/'
class='option-card history'
data-title="dweet.io"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/dweet.png'>
</div>
<div class='title'>Dweet.io</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.ebox/'
class='option-card sensor added_one_version_ago'
data-title="ebox"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ebox.jpg'>
</div>
<div class='title'>EBox</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/climate.eq3btsmart/'
class='option-card climate'
data-title="eq3 bluetooth smart thermostats"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eq3.gif'>
</div>
<div class='title'>EQ3 Bluetooth Smart Thermostats</div>
<div class='category'>Climate</div>
</a>
<a href='/components/binary_sensor.ecobee/'
class='option-card binary-sensor'
data-title="ecobee binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>Ecobee Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/notify.ecobee/'
class='option-card notifications'
data-title="ecobee notify"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>Ecobee Notify</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/climate.ecobee/'
class='option-card climate'
data-title="ecobee thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>Ecobee Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/switch.edimax/'
class='option-card switch'
data-title="edimax switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/edimax.png'>
</div>
<div class='title'>Edimax Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.efergy/'
class='option-card energy'
data-title="efergy"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/efergy.png'>
</div>
<div class='title'>Efergy</div>
<div class='category'>Energy</div>
</a>
<a href='/components/sensor.eliqonline/'
class='option-card energy'
data-title="eliqonline"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eliq.png'>
</div>
<div class='title'>Eliqonline</div>
<div class='category'>Energy</div>
</a>
<a href='/components/media_player.emby/'
class='option-card media-player'
data-title="emby"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/emby.png'>
</div>
<div class='title'>Emby</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.emoncms/'
class='option-card sensor'
data-title="emoncms sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/emoncms.png'>
</div>
<div class='title'>Emoncms Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/emoncms_history/'
class='option-card history'
data-title="emoncms history"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/emoncms.png'>
</div>
<div class='title'>Emoncms history</div>
<div class='category'>History</div>
</a>
<a href='/components/emulated_hue/'
class='option-card hub'
data-title="emulated hue bridge"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Emulated Hue Bridge</div>
<div class='category'>Hub</div>
</a>
<a href='/components/enocean/'
class='option-card hub'
data-title="enocean"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/enocean.png'>
</div>
<div class='title'>EnOcean</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.enocean/'
class='option-card binary-sensor'
data-title="enocean binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/enocean.png'>
</div>
<div class='title'>EnOcean Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/light.enocean/'
class='option-card light'
data-title="enocean light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/enocean.png'>
</div>
<div class='title'>EnOcean Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.enocean/'
class='option-card sensor'
data-title="enocean sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/enocean.png'>
</div>
<div class='title'>EnOcean Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.enocean/'
class='option-card switch'
data-title="enocean switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/enocean.png'>
</div>
<div class='title'>EnOcean Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/alarm_control_panel.envisalink/'
class='option-card alarm'
data-title="envisalink alarm"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eyezon.png'>
</div>
<div class='title'>Envisalink Alarm</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/envisalink/'
class='option-card alarm'
data-title="envisalink alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eyezon.png'>
</div>
<div class='title'>Envisalink Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/binary_sensor.envisalink/'
class='option-card binary-sensor'
data-title="envisalink binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eyezon.png'>
</div>
<div class='title'>Envisalink Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.envisalink/'
class='option-card sensor'
data-title="envisalink sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eyezon.png'>
</div>
<div class='title'>Envisalink Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/ffmpeg/'
class='option-card hub'
data-title="ffmpeg"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ffmpeg.png'>
</div>
<div class='title'>FFmpeg</div>
<div class='category'>Hub</div>
</a>
<a href='/components/camera.ffmpeg/'
class='option-card camera'
data-title="ffmpeg camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ffmpeg.png'>
</div>
<div class='title'>FFmpeg Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/binary_sensor.ffmpeg_motion/'
class='option-card binary-sensor'
data-title="ffmpeg motion binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ffmpeg.png'>
</div>
<div class='title'>FFmpeg Motion Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/binary_sensor.ffmpeg_noise/'
class='option-card binary-sensor'
data-title="ffmpeg noise binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ffmpeg.png'>
</div>
<div class='title'>FFmpeg Noise Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/device_tracker.fritz/'
class='option-card presence-detection'
data-title="fritz!box"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/avm.png'>
</div>
<div class='title'>FRITZ!Box</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.fritzbox_callmonitor/'
class='option-card system-monitor'
data-title="fritz!box"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/avm.png'>
</div>
<div class='title'>FRITZ!Box</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/notify.facebook/'
class='option-card notifications'
data-title="facebook messenger"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/facebook.png'>
</div>
<div class='title'>Facebook Messenger</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.fastdotcom/'
class='option-card system-monitor'
data-title="fast.com"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fastdotcom.png'>
</div>
<div class='title'>Fast.com</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.fedex/'
class='option-card sensor added_one_version_ago'
data-title="fedex sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fedex.png'>
</div>
<div class='title'>Fedex Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/feedreader/'
class='option-card other'
data-title="feedreader"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rss.gif'>
</div>
<div class='title'>Feedreader</div>
<div class='category'>Other</div>
</a>
<a href='/components/sensor.fido/'
class='option-card sensor added_one_version_ago'
data-title="fido"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fido.png'>
</div>
<div class='title'>Fido</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.file/'
class='option-card notifications'
data-title="file"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/file.png'>
</div>
<div class='title'>File</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/media_player.firetv/'
class='option-card media-player'
data-title="firetv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/firetv.png'>
</div>
<div class='title'>FireTV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.fitbit/'
class='option-card health'
data-title="fitbit"
data-ha_category="health"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fitbit.png'>
</div>
<div class='title'>Fitbit</div>
<div class='category'>Health</div>
</a>
<a href='/components/sensor.fixer/'
class='option-card finance'
data-title="fixer.io"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fixer-io.png'>
</div>
<div class='title'>Fixer.io</div>
<div class='category'>Finance</div>
</a>
<a href='/components/binary_sensor.flic/'
class='option-card binary-sensor'
data-title="flic smart button"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/flic.png'>
</div>
<div class='title'>Flic Smart Button</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/light.flux_led/'
class='option-card light'
data-title="flux led/magiclight"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/magic_light.png'>
</div>
<div class='title'>Flux Led/MagicLight</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.flux/'
class='option-card automation'
data-title="flux light adjustment"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Flux Light Adjustment</div>
<div class='category'>Automation</div>
</a>
<a href='/components/sensor.forecast/'
class='option-card deprecated'
data-title="forecast.io"
data-ha_category="deprecated"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/forecast.png'>
</div>
<div class='title'>Forecast.io</div>
<div class='category'>Deprecated</div>
</a>
<a href='/components/camera.foscam/'
class='option-card camera'
data-title="foscam ip camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/foscam.png'>
</div>
<div class='title'>Foscam IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/foursquare/'
class='option-card social'
data-title="foursquare"
data-ha_category="social"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/foursquare.png'>
</div>
<div class='title'>Foursquare</div>
<div class='category'>Social</div>
</a>
<a href='/components/notify.free_mobile/'
class='option-card notifications'
data-title="free mobile"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/free_mobile.png'>
</div>
<div class='title'>Free Mobile</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/frontend/'
class='option-card other'
data-title="frontend"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Frontend</div>
<div class='category'>Other</div>
</a>
<a href='/components/media_player.frontier_silicon/'
class='option-card media-player added_in_current_version'
data-title="frontier silicon internet radios"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Frontier Silicon Internet Radios</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/notify.gntp/'
class='option-card notifications'
data-title="gntp (growl)"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/gntp.png'>
</div>
<div class='title'>GNTP (Growl)</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.gpsd/'
class='option-card sensor'
data-title="gpsd"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/gpsd.png'>
</div>
<div class='title'>GPSD</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.gpslogger/'
class='option-card presence-detection'
data-title="gpslogger"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>GPSLogger</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/cover.garadget/'
class='option-card cover'
data-title="garadget cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/garadget_logo.jpg'>
</div>
<div class='title'>Garadget Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/camera.generic/'
class='option-card camera'
data-title="generic ip camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/camcorder.png'>
</div>
<div class='title'>Generic IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/camera.mjpeg/'
class='option-card camera'
data-title="generic mjpeg ip camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/camcorder.png'>
</div>
<div class='title'>Generic MJPEG IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/climate.generic_thermostat/'
class='option-card climate'
data-title="generic thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/heat-control.png'>
</div>
<div class='title'>Generic Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/sensor.glances/'
class='option-card system-monitor'
data-title="glances"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/glances.png'>
</div>
<div class='title'>Glances</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/calendar.google/'
class='option-card calendar'
data-title="google calendar event"
data-ha_category="calendar"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/google_calendar.png'>
</div>
<div class='title'>Google Calendar Event</div>
<div class='category'>Calendar</div>
</a>
<a href='/components/media_player.cast/'
class='option-card media-player featured'
data-title="google cast"
data-ha_category="media player"
>
<div class='img-container'>
<img src='/images/supported_brands/google_cast.png'>
</div>
<div class='title'>Google Cast</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.google_travel_time/'
class='option-card transport'
data-title="google maps travel time"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/google_maps.png'>
</div>
<div class='title'>Google Maps Travel Time</div>
<div class='category'>Transport</div>
</a>
<a href='/components/media_player.gpmdp/'
class='option-card media-player'
data-title="google play music desktop player"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/gpmdp.png'>
</div>
<div class='title'>Google Play Music Desktop Player</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/tts.google/'
class='option-card text-to-speech'
data-title="google text-to-speech"
data-ha_category="text-to-speech"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/google.png'>
</div>
<div class='title'>Google Text-to-Speech</div>
<div class='category'>Text-to-speech</div>
</a>
<a href='/components/graphite/'
class='option-card history'
data-title="graphite"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/graphite.png'>
</div>
<div class='title'>Graphite</div>
<div class='category'>History</div>
</a>
<a href='/components/group/'
class='option-card organization'
data-title="group"
data-ha_category="organization"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Group</div>
<div class='category'>Organization</div>
</a>
<a href='/components/media_player.gstreamer/'
class='option-card media-player added_one_version_ago'
data-title="gstreamer"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/gstreamer.png'>
</div>
<div class='title'>Gstreamer</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.hddtemp/'
class='option-card system-monitor'
data-title="hddtemp"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>HDDTemp</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/hdmi_cec/'
class='option-card automation'
data-title="hdmi cec"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hdmi.png'>
</div>
<div class='title'>HDMI CEC</div>
<div class='category'>Automation</div>
</a>
<a href='/components/sensor.hp_ilo/'
class='option-card system-monitor'
data-title="hp ilo"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hewlett_packard_enterprise.png'>
</div>
<div class='title'>HP ILO</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/http/'
class='option-card other'
data-title="http"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/http.png'>
</div>
<div class='title'>HTTP</div>
<div class='category'>Other</div>
</a>
<a href='/components/binary_sensor.http/'
class='option-card binary-sensor'
data-title="http binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/http.png'>
</div>
<div class='title'>HTTP Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.http/'
class='option-card sensor'
data-title="http sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/http.png'>
</div>
<div class='title'>HTTP Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/remote.harmony/'
class='option-card remote'
data-title="harmony hub remote"
data-ha_category="remote"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/logitech.png'>
</div>
<div class='title'>Harmony Hub Remote</div>
<div class='category'>Remote</div>
</a>
<a href='/components/sensor.haveibeenpwned/'
class='option-card sensor'
data-title="haveibeenpwned sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/haveibeenpwned.png'>
</div>
<div class='title'>HaveIBeenPwned Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/climate.heatmiser/'
class='option-card climate'
data-title="heatmiser thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/heatmiser.png'>
</div>
<div class='title'>Heatmiser Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/binary_sensor.hikvision/'
class='option-card binary-sensor'
data-title="hikvision binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hikvision.png'>
</div>
<div class='title'>Hikvision Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/switch.hikvision/'
class='option-card switch'
data-title="hikvision camera switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hikvision.png'>
</div>
<div class='title'>Hikvision Camera Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/history/'
class='option-card history'
data-title="history"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>History</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.history_stats/'
class='option-card sensor added_one_version_ago'
data-title="history statistics sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>History Statistics Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/ha/'
class='option-card other added_one_version_ago'
data-title="home assistant 0.39"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Home Assistant 0.39</div>
<div class='category'>Other</div>
</a>
<a href='/components/homematic/'
class='option-card hub'
data-title="homematic"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.homematic/'
class='option-card binary-sensor'
data-title="homematic binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/cover.homematic/'
class='option-card cover'
data-title="homematic cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/light.homematic/'
class='option-card light'
data-title="homematic light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.homematic/'
class='option-card sensor'
data-title="homematic sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.homematic/'
class='option-card switch'
data-title="homematic switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/climate.homematic/'
class='option-card climate'
data-title="homematic thermostats"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Thermostats</div>
<div class='category'>Climate</div>
</a>
<a href='/components/climate.honeywell/'
class='option-card climate'
data-title="honeywell thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/honeywell.png'>
</div>
<div class='title'>Honeywell Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/switch.hook/'
class='option-card switch'
data-title="hook switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hook.png'>
</div>
<div class='title'>Hook Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.hydroquebec/'
class='option-card energy'
data-title="hydro-québec"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hydroquebec.svg'>
</div>
<div class='title'>Hydro-Québec</div>
<div class='category'>Energy</div>
</a>
<a href='/components/light.hyperion/'
class='option-card light'
data-title="hyperion"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hyperion.png'>
</div>
<div class='title'>Hyperion</div>
<div class='category'>Light</div>
</a>
<a href='/components/ifttt/'
class='option-card automation featured'
data-title="ifttt"
data-ha_category="automation"
>
<div class='img-container'>
<img src='/images/supported_brands/ifttt.png'>
</div>
<div class='title'>IFTTT</div>
<div class='category'>Automation</div>
</a>
<a href='/components/sensor.imap_email_content/'
class='option-card sensor'
data-title="imap email content"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/smtp.png'>
</div>
<div class='title'>IMAP Email Content</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.imap/'
class='option-card sensor'
data-title="imap unread e-mail"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/smtp.png'>
</div>
<div class='title'>IMAP Unread E-mail</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/binary_sensor.isy994/'
class='option-card binary-sensor'
data-title="isy994 binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/isy994/'
class='option-card hub'
data-title="isy994 controller"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Controller</div>
<div class='category'>Hub</div>
</a>
<a href='/components/cover.isy994/'
class='option-card cover'
data-title="isy994 cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/fan.isy994/'
class='option-card fan'
data-title="isy994 fan"
data-ha_category="fan"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Fan</div>
<div class='category'>Fan</div>
</a>
<a href='/components/light.isy994/'
class='option-card light'
data-title="isy994 light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/lock.isy994/'
class='option-card lock'
data-title="isy994 lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/sensor.isy994/'
class='option-card sensor'
data-title="isy994 sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.isy994/'
class='option-card switch'
data-title="isy994 switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/universal_devices.png'>
</div>
<div class='title'>ISY994 Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/influxdb/'
class='option-card history'
data-title="influxdb"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/influxdb.png'>
</div>
<div class='title'>InfluxDB</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.influxdb/'
class='option-card sensor'
data-title="influxdb sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/influxdb.png'>
</div>
<div class='title'>InfluxDB Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/input_boolean/'
class='option-card automation'
data-title="input boolean"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Input Boolean</div>
<div class='category'>Automation</div>
</a>
<a href='/components/input_select/'
class='option-card automation'
data-title="input select"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Input Select</div>
<div class='category'>Automation</div>
</a>
<a href='/components/input_slider/'
class='option-card automation'
data-title="input slider"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Input Slider</div>
<div class='category'>Automation</div>
</a>
<a href='/components/notify.instapush/'
class='option-card notifications'
data-title="instapush"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/instapush.png'>
</div>
<div class='title'>Instapush</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/light.insteon_local/'
class='option-card light'
data-title="insteon (local) light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon (Local) Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.insteon_local/'
class='option-card switch'
data-title="insteon (local) switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon (Local) Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/insteon_local/'
class='option-card hub'
data-title="insteon (local)"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon (local)</div>
<div class='category'>Hub</div>
</a>
<a href='/components/insteon_hub/'
class='option-card hub'
data-title="insteon hub"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon Hub</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.insteon_hub/'
class='option-card light'
data-title="insteon hub light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon Hub Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/insteon_plm/'
class='option-card hub'
data-title="insteon plm"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon PLM</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.insteon_plm/'
class='option-card binary-sensor'
data-title="insteon plm binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon PLM Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/light.insteon_plm/'
class='option-card light'
data-title="insteon plm light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon PLM Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.insteon_plm/'
class='option-card switch'
data-title="insteon plm switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/insteon.png'>
</div>
<div class='title'>Insteon PLM Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/binary_sensor.iss/'
class='option-card binary-sensor'
data-title="international space station"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nasa.png'>
</div>
<div class='title'>International Space Station</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.iss/'
class='option-card deprecated'
data-title="international space station sensor"
data-ha_category="deprecated"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nasa.png'>
</div>
<div class='title'>International Space Station Sensor</div>
<div class='category'>Deprecated</div>
</a>
<a href='/components/introduction/'
class='option-card other'
data-title="introduction"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Introduction</div>
<div class='category'>Other</div>
</a>
<a href='/components/notify.xmpp/'
class='option-card notifications'
data-title="jabber (xmpp)"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/xmpp.png'>
</div>
<div class='title'>Jabber (XMPP)</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/joaoapps_join/'
class='option-card hub'
data-title="joaoapps join"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/joaoapps_join.png'>
</div>
<div class='title'>Joaoapps Join</div>
<div class='category'>Hub</div>
</a>
<a href='/components/notify.joaoapps_join/'
class='option-card notifications'
data-title="join notify"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/joaoapps_join.png'>
</div>
<div class='title'>Join Notify</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/knx/'
class='option-card diy'
data-title="knx"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/knx.png'>
</div>
<div class='title'>KNX</div>
<div class='category'>DIY</div>
</a>
<a href='/components/binary_sensor.knx/'
class='option-card binary-sensor'
data-title="knx binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/knx.png'>
</div>
<div class='title'>KNX Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.knx/'
class='option-card diy'
data-title="knx sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/knx.png'>
</div>
<div class='title'>KNX Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/switch.knx/'
class='option-card diy'
data-title="knx switch"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/knx.png'>
</div>
<div class='title'>KNX Switch</div>
<div class='category'>DIY</div>
</a>
<a href='/components/climate.knx/'
class='option-card diy'
data-title="knx thermostat"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/knx.png'>
</div>
<div class='title'>KNX Thermostat</div>
<div class='category'>DIY</div>
</a>
<a href='/components/sensor.kwb/'
class='option-card sensor'
data-title="kwb easyfire sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/kwb.png'>
</div>
<div class='title'>KWB Easyfire Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.kankun/'
class='option-card switch'
data-title="kankun sp3 wifi switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Kankun SP3 Wifi Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/keyboard/'
class='option-card automation'
data-title="keyboard"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/keyboard.png'>
</div>
<div class='title'>Keyboard</div>
<div class='category'>Automation</div>
</a>
<a href='/components/keyboard_remote/'
class='option-card other'
data-title="keyboard remote"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/keyboard.png'>
</div>
<div class='title'>Keyboard Remote</div>
<div class='category'>Other</div>
</a>
<a href='/components/media_player.kodi/'
class='option-card media-player featured'
data-title="kodi"
data-ha_category="media player"
>
<div class='img-container'>
<img src='/images/supported_brands/kodi.png'>
</div>
<div class='title'>Kodi</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/notify.kodi/'
class='option-card notifications'
data-title="kodi"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/kodi.png'>
</div>
<div class='title'>Kodi</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/media_player.lg_netcast/'
class='option-card media-player'
data-title="lg netcast tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lg.png'>
</div>
<div class='title'>LG Netcast TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/notify.webostv/'
class='option-card notifications'
data-title="lg webos tv notifications"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/webos.png'>
</div>
<div class='title'>LG WebOS TV notifications</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/media_player.webostv/'
class='option-card media-player'
data-title="lg webos smart tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/webos.png'>
</div>
<div class='title'>LG webOS Smart TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/light.lifx/'
class='option-card light'
data-title="lifx"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lifx.png'>
</div>
<div class='title'>LIFX</div>
<div class='category'>Light</div>
</a>
<a href='/components/lirc/'
class='option-card automation'
data-title="lirc"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lirc.gif'>
</div>
<div class='title'>LIRC</div>
<div class='category'>Automation</div>
</a>
<a href='/components/notify.lannouncer/'
class='option-card notifications'
data-title="lannouncer"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lannouncer.png'>
</div>
<div class='title'>Lannouncer</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.lastfm/'
class='option-card social'
data-title="last.fm"
data-ha_category="social"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lastfm.png'>
</div>
<div class='title'>Last.fm</div>
<div class='category'>Social</div>
</a>
<a href='/components/light.limitlessled/'
class='option-card light'
data-title="limitlessled"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/limitlessled_logo.png'>
</div>
<div class='title'>LimitlessLED</div>
<div class='category'>Light</div>
</a>
<a href='/components/device_tracker.linksys_ap/'
class='option-card presence-detection'
data-title="linksys access points"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/linksys.png'>
</div>
<div class='title'>Linksys Access Points</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/media_player.openhome/'
class='option-card media-player added_one_version_ago'
data-title="linn / openhome"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/linn.png'>
</div>
<div class='title'>Linn / Openhome</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.linux_battery/'
class='option-card system-monitor'
data-title="linux battery"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/linux_battery.png'>
</div>
<div class='title'>Linux Battery</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/litejet/'
class='option-card hub'
data-title="litejet"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>LiteJet</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.litejet/'
class='option-card light'
data-title="litejet light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>LiteJet Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/scene.litejet/'
class='option-card scene'
data-title="litejet scenes"
data-ha_category="scene"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>LiteJet Scenes</div>
<div class='category'>Scene</div>
</a>
<a href='/components/switch.litejet/'
class='option-card switch'
data-title="litejet switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>LiteJet Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/notify.llamalab_automate/'
class='option-card notifications'
data-title="llamalab automate"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/llamalab_automate.png'>
</div>
<div class='title'>LlamaLab Automate</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/camera.local_file/'
class='option-card camera'
data-title="local file"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/file.png'>
</div>
<div class='title'>Local File</div>
<div class='category'>Camera</div>
</a>
<a href='/components/device_tracker.locative/'
class='option-card presence-detection'
data-title="locative"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/locative.png'>
</div>
<div class='title'>Locative</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/logbook/'
class='option-card history'
data-title="logbook"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/logbook.png'>
</div>
<div class='title'>Logbook</div>
<div class='category'>History</div>
</a>
<a href='/components/logentries/'
class='option-card history'
data-title="logentries"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/logentries.png'>
</div>
<div class='title'>Logentries</div>
<div class='category'>History</div>
</a>
<a href='/components/logger/'
class='option-card other'
data-title="logger"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Logger</div>
<div class='category'>Other</div>
</a>
<a href='/components/media_player.squeezebox/'
class='option-card media-player'
data-title="logitech squeezebox"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/squeezebox.png'>
</div>
<div class='title'>Logitech Squeezebox</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.loop_energy/'
class='option-card energy'
data-title="loop energy"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/loop.png'>
</div>
<div class='title'>Loop Energy</div>
<div class='category'>Energy</div>
</a>
<a href='/components/lutron/'
class='option-card hub'
data-title="lutron"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lutron.png'>
</div>
<div class='title'>Lutron</div>
<div class='category'>Hub</div>
</a>
<a href='/components/sensor.mhz19/'
class='option-card sensor'
data-title="mh-z19 co2 sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mhz19_logo.png'>
</div>
<div class='title'>MH-Z19 CO2 Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.mpchc/'
class='option-card media-player'
data-title="mpc-hc"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mpchc.png'>
</div>
<div class='title'>MPC-HC</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/mqtt/'
class='option-card hub featured'
data-title="mqtt"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT</div>
<div class='category'>Hub</div>
</a>
<a href='/components/alarm_control_panel.mqtt/'
class='option-card alarm'
data-title="mqtt alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/binary_sensor.mqtt/'
class='option-card binary-sensor'
data-title="mqtt binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/cover.mqtt/'
class='option-card cover'
data-title="mqtt cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/device_tracker.mqtt/'
class='option-card presence-detection'
data-title="mqtt device tracker"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Device Tracker</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/mqtt_eventstream/'
class='option-card other'
data-title="mqtt eventstream"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Eventstream</div>
<div class='category'>Other</div>
</a>
<a href='/components/fan.mqtt/'
class='option-card fan'
data-title="mqtt fan"
data-ha_category="fan"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Fan</div>
<div class='category'>Fan</div>
</a>
<a href='/components/light.mqtt_json/'
class='option-card light'
data-title="mqtt json light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT JSON Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/light.mqtt/'
class='option-card light'
data-title="mqtt light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/lock.mqtt/'
class='option-card lock'
data-title="mqtt lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/notify.mqtt/'
class='option-card notifications'
data-title="mqtt notifications"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Notifications</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.mqtt_room/'
class='option-card presence-detection'
data-title="mqtt room presence"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Room Presence</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.mqtt/'
class='option-card sensor'
data-title="mqtt sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.mqtt/'
class='option-card switch'
data-title="mqtt switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/light.mqtt_template/'
class='option-card light'
data-title="mqtt template light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Template Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/notify.mailgun/'
class='option-card notifications added_two_versions_ago'
data-title="mailgun"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mailgun.png'>
</div>
<div class='title'>Mailgun</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/alarm_control_panel.manual/'
class='option-card alarm'
data-title="manual alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Manual Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/ifttt.manything/'
class='option-card camera'
data-title="manything"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/manything.png'>
</div>
<div class='title'>ManyThing</div>
<div class='category'>Camera</div>
</a>
<a href='/components/notify.matrix/'
class='option-card notifications'
data-title="matrix"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/matrix.png'>
</div>
<div class='title'>Matrix</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.message_bird/'
class='option-card notifications'
data-title="messagebird"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/message_bird.png'>
</div>
<div class='title'>MessageBird</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.miflora/'
class='option-card diy'
data-title="mi flora plant sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/miflora.png'>
</div>
<div class='title'>Mi Flora plant sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/microsoft_face/'
class='option-card hub'
data-title="microsoft face"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/microsoft.png'>
</div>
<div class='title'>Microsoft Face</div>
<div class='category'>Hub</div>
</a>
<a href='/components/image_processing.microsoft_face_detect/'
class='option-card image-processing added_two_versions_ago'
data-title="microsoft face detect"
data-ha_category="image processing"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/microsoft.png'>
</div>
<div class='title'>Microsoft Face Detect</div>
<div class='category'>Image Processing</div>
</a>
<a href='/components/image_processing.microsoft_face_identify/'
class='option-card image-processing'
data-title="microsoft face identify"
data-ha_category="image processing"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/microsoft.png'>
</div>
<div class='title'>Microsoft Face Identify</div>
<div class='category'>Image Processing</div>
</a>
<a href='/components/sensor.min_max/'
class='option-card sensor'
data-title="min/max sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Min/max Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/mochad/'
class='option-card hub'
data-title="mochad"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Mochad</div>
<div class='category'>Hub</div>
</a>
<a href='/components/switch.mochad/'
class='option-card switch'
data-title="mochad switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Mochad Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/modbus/'
class='option-card hub'
data-title="modbus"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/modbus.png'>
</div>
<div class='title'>Modbus</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.modbus/'
class='option-card binary-sensor'
data-title="modbus binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/modbus.png'>
</div>
<div class='title'>Modbus Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.modbus/'
class='option-card sensor'
data-title="modbus sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/modbus.png'>
</div>
<div class='title'>Modbus Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.modbus/'
class='option-card switch'
data-title="modbus switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/modbus.png'>
</div>
<div class='title'>Modbus Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.moldindicator/'
class='option-card sensor'
data-title="mold indicator"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Mold Indicator</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.moon/'
class='option-card weather added_two_versions_ago'
data-title="moon sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Moon Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/media_player.mpd/'
class='option-card media-player'
data-title="music player daemon (mpd)"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mpd.png'>
</div>
<div class='title'>Music Player Daemon (MPD)</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/cover.myq/'
class='option-card cover added_one_version_ago'
data-title="myq cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/myq.png'>
</div>
<div class='title'>MyQ Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/mysensors/'
class='option-card hub featured'
data-title="mysensors"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.mysensors/'
class='option-card binary-sensor'
data-title="mysensors binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/cover.mysensors/'
class='option-card cover'
data-title="mysensors cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/device_tracker.mysensors/'
class='option-card presence-detection added_two_versions_ago'
data-title="mysensors device tracker"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Device Tracker</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/climate.mysensors/'
class='option-card climate'
data-title="mysensors hvac"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors HVAC</div>
<div class='category'>Climate</div>
</a>
<a href='/components/light.mysensors/'
class='option-card light'
data-title="mysensors light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/notify.mysensors/'
class='option-card notifications'
data-title="mysensors notify"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Notify</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.mysensors/'
class='option-card sensor'
data-title="mysensors sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.mysensors/'
class='option-card switch'
data-title="mysensors switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mysensors.png'>
</div>
<div class='title'>MySensors Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/media_player.nad/'
class='option-card media-player'
data-title="nad"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nad.png'>
</div>
<div class='title'>NAD</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.nut/'
class='option-card system-monitor'
data-title="nut sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nut.png'>
</div>
<div class='title'>NUT Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/alarm_control_panel.nx584/'
class='option-card alarm'
data-title="nx584 alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/networx.png'>
</div>
<div class='title'>NX584 Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/binary_sensor.nx584/'
class='option-card binary-sensor'
data-title="nx584 zones"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/networx.png'>
</div>
<div class='title'>NX584 zones</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.nzbget/'
class='option-card downloading'
data-title="nzbget"
data-ha_category="downloading"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nzbget.png'>
</div>
<div class='title'>NZBGet</div>
<div class='category'>Downloading</div>
</a>
<a href='/components/neato/'
class='option-card hub'
data-title="neato robotics"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/neato.png'>
</div>
<div class='title'>Neato Robotics</div>
<div class='category'>Hub</div>
</a>
<a href='/components/sensor.neato/'
class='option-card sensor'
data-title="neato robotics sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/neato.png'>
</div>
<div class='title'>Neato Robotics Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.neato/'
class='option-card switch'
data-title="neato robotics switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/neato.png'>
</div>
<div class='title'>Neato Robotics Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/nest/'
class='option-card hub featured'
data-title="nest"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.nest/'
class='option-card binary-sensor'
data-title="nest binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/camera.nest/'
class='option-card camera'
data-title="nest camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.nest/'
class='option-card sensor'
data-title="nest sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/climate.nest/'
class='option-card climate'
data-title="nest thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/sensor.nest_weather/'
class='option-card weather'
data-title="nest weather sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest.png'>
</div>
<div class='title'>Nest Weather Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/netatmo/'
class='option-card hub'
data-title="netatmo"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.netatmo/'
class='option-card binary-sensor'
data-title="netatmo binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/camera.netatmo/'
class='option-card camera'
data-title="netatmo camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.netatmo/'
class='option-card weather'
data-title="netatmo sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/climate.netatmo/'
class='option-card climate'
data-title="netatmo thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/sensor.netdata/'
class='option-card system-monitor'
data-title="netdata"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netdata.png'>
</div>
<div class='title'>Netdata</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/device_tracker.netgear/'
class='option-card presence-detection'
data-title="netgear"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netgear.png'>
</div>
<div class='title'>Netgear</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/switch.netio/'
class='option-card switch'
data-title="netio switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netio.png'>
</div>
<div class='title'>Netio Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.neurio_energy/'
class='option-card energy'
data-title="neurio"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/neurio.png'>
</div>
<div class='title'>Neurio</div>
<div class='category'>Energy</div>
</a>
<a href='/components/device_tracker.nmap_tracker/'
class='option-card presence-detection'
data-title="nmap"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nmap.png'>
</div>
<div class='title'>Nmap</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/notify.nfandroidtv/'
class='option-card notifications'
data-title="notifications for android tv / firetv"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nfandroidtv.png'>
</div>
<div class='title'>Notifications for Android TV / FireTV</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.group/'
class='option-card notifications'
data-title="notify group"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Notify Group</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.nma/'
class='option-card notifications'
data-title="notify my android"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nma.png'>
</div>
<div class='title'>Notify My Android</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/nuimo_controller/'
class='option-card hub'
data-title="nuimo controller"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nuimo.png'>
</div>
<div class='title'>Nuimo controller</div>
<div class='category'>Hub</div>
</a>
<a href='/components/lock.nuki/'
class='option-card lock added_two_versions_ago'
data-title="nuki smart lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nuki.png'>
</div>
<div class='title'>Nuki Smart Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/octoprint/'
class='option-card hub'
data-title="octoprint"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/octoprint.png'>
</div>
<div class='title'>OctoPrint</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.octoprint/'
class='option-card binary-sensor'
data-title="octoprint binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/octoprint.png'>
</div>
<div class='title'>OctoPrint Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.octoprint/'
class='option-card sensor'
data-title="octoprint sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/octoprint.png'>
</div>
<div class='title'>OctoPrint Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.ohmconnect/'
class='option-card energy'
data-title="ohmconnect"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ohmconnect.png'>
</div>
<div class='title'>OhmConnect</div>
<div class='category'>Energy</div>
</a>
<a href='/components/sensor.onewire/'
class='option-card diy'
data-title="one wire sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/onewire.png'>
</div>
<div class='title'>One wire Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/media_player.onkyo/'
class='option-card media-player'
data-title="onkyo"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/onkyo.png'>
</div>
<div class='title'>Onkyo</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.openexchangerates/'
class='option-card finance'
data-title="open exchange rates"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openexchangerates.png'>
</div>
<div class='title'>Open Exchange Rates</div>
<div class='category'>Finance</div>
</a>
<a href='/components/openalpr/'
class='option-card deprecated'
data-title="openalpr"
data-ha_category="deprecated"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openalpr.png'>
</div>
<div class='title'>OpenALPR</div>
<div class='category'>Deprecated</div>
</a>
<a href='/components/image_processing.openalpr_cloud/'
class='option-card image-processing'
data-title="openalpr cloud"
data-ha_category="image processing"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openalpr.png'>
</div>
<div class='title'>OpenALPR Cloud</div>
<div class='category'>Image Processing</div>
</a>
<a href='/components/image_processing.openalpr_local/'
class='option-card image-processing'
data-title="openalpr local"
data-ha_category="image processing"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openalpr.png'>
</div>
<div class='title'>OpenALPR Local</div>
<div class='category'>Image Processing</div>
</a>
<a href='/components/sensor.openevse/'
class='option-card sensor added_two_versions_ago'
data-title="openevse sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openevse.png'>
</div>
<div class='title'>OpenEVSE Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/climate.oem/'
class='option-card climate added_one_version_ago'
data-title="openenergymonitor wifi thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/oem.png'>
</div>
<div class='title'>OpenEnergyMonitor WiFi Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/device_tracker.luci/'
class='option-card presence-detection'
data-title="openwrt (luci)"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openwrt.png'>
</div>
<div class='title'>OpenWRT (luci)</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/device_tracker.ubus/'
class='option-card presence-detection'
data-title="openwrt (ubus)"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openwrt.png'>
</div>
<div class='title'>OpenWRT (ubus)</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/weather.openweathermap/'
class='option-card weather'
data-title="openweathermap"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openweathermap.png'>
</div>
<div class='title'>OpenWeatherMap</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.openweathermap/'
class='option-card weather'
data-title="openweathermap sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/openweathermap.png'>
</div>
<div class='title'>OpenWeatherMap Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/media_player.liveboxplaytv/'
class='option-card media-player added_two_versions_ago'
data-title="orange livebox play tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/orange.png'>
</div>
<div class='title'>Orange Livebox Play TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/switch.orvibo/'
class='option-card switch'
data-title="orvibo switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/orvibo.png'>
</div>
<div class='title'>Orvibo Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/light.osramlightify/'
class='option-card light'
data-title="osram lightify"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/osramlightify.png'>
</div>
<div class='title'>Osram Lightify</div>
<div class='category'>Light</div>
</a>
<a href='/components/device_tracker.owntracks/'
class='option-card presence-detection featured'
data-title="owntracks"
data-ha_category="presence detection"
>
<div class='img-container'>
<img src='/images/supported_brands/owntracks.png'>
</div>
<div class='title'>Owntracks</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.pvoutput/'
class='option-card energy'
data-title="pvoutput sensor"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pvoutput.png'>
</div>
<div class='title'>PVOutput Sensor</div>
<div class='category'>Energy</div>
</a>
<a href='/components/media_player.panasonic_viera/'
class='option-card media-player'
data-title="panasonic viera tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/panasonic.png'>
</div>
<div class='title'>Panasonic Viera TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.pandora/'
class='option-card media-player'
data-title="pandora"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pandora.png'>
</div>
<div class='title'>Pandora</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/panel_custom/'
class='option-card front-end'
data-title="panel custom"
data-ha_category="front end"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Panel Custom</div>
<div class='category'>Front end</div>
</a>
<a href='/components/panel_iframe/'
class='option-card front-end'
data-title="panel iframe"
data-ha_category="front end"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Panel iFrame</div>
<div class='category'>Front end</div>
</a>
<a href='/components/sensor.serial_pm/'
class='option-card diy'
data-title="particulate matter sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/serial_pm.png'>
</div>
<div class='title'>Particulate matter Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/persistent_notification/'
class='option-card other'
data-title="persistent notification"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Persistent notification</div>
<div class='category'>Other</div>
</a>
<a href='/components/light.hue/'
class='option-card light featured'
data-title="philips hue"
data-ha_category="light"
>
<div class='img-container'>
<img src='/images/supported_brands/philips_hue.png'>
</div>
<div class='title'>Philips Hue</div>
<div class='category'>Light</div>
</a>
<a href='/components/media_player.philips_js/'
class='option-card media-player'
data-title="philips tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/philips.png'>
</div>
<div class='title'>Philips TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.pi_hole/'
class='option-card system-monitor'
data-title="pi-hole sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pi_hole.png'>
</div>
<div class='title'>Pi-Hole Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/tts.picotts/'
class='option-card text-to-speech'
data-title="pico text-to-speech"
data-ha_category="text-to-speech"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Pico Text-to-Speech</div>
<div class='category'>Text-to-speech</div>
</a>
<a href='/components/light.piglow/'
class='option-card light'
data-title="piglow"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Piglow</div>
<div class='category'>Light</div>
</a>
<a href='/components/pilight/'
class='option-card hub'
data-title="pilight"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pilight.png'>
</div>
<div class='title'>Pilight</div>
<div class='category'>Hub</div>
</a>
<a href='/components/sensor.pilight/'
class='option-card sensor'
data-title="pilight sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pilight.png'>
</div>
<div class='title'>Pilight Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.pilight/'
class='option-card switch'
data-title="pilight switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pilight.png'>
</div>
<div class='title'>Pilight Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/device_tracker.ping/'
class='option-card presence-detection'
data-title="ping (icmp)"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Ping (ICMP)</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/media_player.pioneer/'
class='option-card media-player'
data-title="pioneer network receivers"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pioneer.png'>
</div>
<div class='title'>Pioneer Network Receivers</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.plex/'
class='option-card media-player featured'
data-title="plex"
data-ha_category="media player"
>
<div class='img-container'>
<img src='/images/supported_brands/plex.png'>
</div>
<div class='title'>Plex</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.plex/'
class='option-card media-player'
data-title="plex activity monitor"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/plex.png'>
</div>
<div class='title'>Plex Activity Monitor</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.pocketcasts/'
class='option-card sensor added_one_version_ago'
data-title="pocketcasts"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pocketcasts.png'>
</div>
<div class='title'>PocketCasts</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/scene.hunterdouglas_powerview/'
class='option-card cover'
data-title="powerview scenes"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/hunter-douglas-powerview.png'>
</div>
<div class='title'>PowerView Scenes</div>
<div class='category'>Cover</div>
</a>
<a href='/components/device_sun_light_trigger/'
class='option-card automation'
data-title="presence based lights"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Presence based lights</div>
<div class='category'>Automation</div>
</a>
<a href='/components/climate.proliphix/'
class='option-card climate'
data-title="proliphix thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/proliphix.png'>
</div>
<div class='title'>Proliphix Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/proximity/'
class='option-card automation'
data-title="proximity"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Proximity</div>
<div class='category'>Automation</div>
</a>
<a href='/components/sensor.gtfs/'
class='option-card transport'
data-title="public transit (gtfs)"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/train.png'>
</div>
<div class='title'>Public Transit (GTFS)</div>
<div class='category'>Transport</div>
</a>
<a href='/components/switch.pulseaudio_loopback/'
class='option-card switch'
data-title="pulseaudio loopback switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pulseaudio.png'>
</div>
<div class='title'>PulseAudio Loopback Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/notify.html5/'
class='option-card notifications'
data-title="push notifications"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/html5.png'>
</div>
<div class='title'>Push Notifications</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.pushbullet/'
class='option-card notifications featured'
data-title="pushbullet"
data-ha_category="notifications"
>
<div class='img-container'>
<img src='/images/supported_brands/pushbullet.png'>
</div>
<div class='title'>Pushbullet</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.pushetta/'
class='option-card notifications'
data-title="pushetta"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pushetta.png'>
</div>
<div class='title'>Pushetta</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.pushover/'
class='option-card notifications'
data-title="pushover"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pushover.png'>
</div>
<div class='title'>Pushover</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.pushsafer/'
class='option-card notifications added_one_version_ago'
data-title="pushsafer"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/pushsafer.png'>
</div>
<div class='title'>Pushsafer</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.qnap/'
class='option-card sensor added_two_versions_ago'
data-title="qnap sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/qnap.png'>
</div>
<div class='title'>QNAP Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/light.qwikswitch/'
class='option-card light'
data-title="qwikswitch light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/qwikswitch.png'>
</div>
<div class='title'>QwikSwitch Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/qwikswitch/'
class='option-card hub'
data-title="qwikswitch qsusb hub"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/qwikswitch.png'>
</div>
<div class='title'>QwikSwitch QSUSB Hub</div>
<div class='category'>Hub</div>
</a>
<a href='/components/switch.qwikswitch/'
class='option-card switch'
data-title="qwikswitch switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/qwikswitch.png'>
</div>
<div class='title'>QwikSwitch Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/notify.rest/'
class='option-card notifications'
data-title="rest"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/restful.png'>
</div>
<div class='title'>REST</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/binary_sensor.rest/'
class='option-card binary-sensor'
data-title="restful binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/restful.png'>
</div>
<div class='title'>RESTful Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/rest_command/'
class='option-card automation'
data-title="restful command"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/restful.png'>
</div>
<div class='title'>RESTful Command</div>
<div class='category'>Automation</div>
</a>
<a href='/components/sensor.rest/'
class='option-card sensor'
data-title="restful sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/restful.png'>
</div>
<div class='title'>RESTful Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.rest/'
class='option-card switch'
data-title="restful switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/restful.png'>
</div>
<div class='title'>RESTful Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/rfxtrx/'
class='option-card hub'
data-title="rfxtrx"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx</div>
<div class='category'>Hub</div>
</a>
<a href='/components/cover.rfxtrx/'
class='option-card cover'
data-title="rfxtrx cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/light.rfxtrx/'
class='option-card light'
data-title="rfxtrx light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.rfxtrx/'
class='option-card sensor'
data-title="rfxtrx sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.rfxtrx/'
class='option-card switch'
data-title="rfxtrx switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/climate.radiotherm/'
class='option-card climate'
data-title="radio thermostat (3m filtrete) thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/radiotherm.png'>
</div>
<div class='title'>Radio Thermostat (3M Filtrete) Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/sensor.random/'
class='option-card sensor'
data-title="random sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Random Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/rpi_gpio/'
class='option-card diy'
data-title="raspberry pi gpio"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry PI GPIO</div>
<div class='category'>DIY</div>
</a>
<a href='/components/binary_sensor.rpi_gpio/'
class='option-card binary-sensor'
data-title="raspberry pi gpio binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry PI GPIO Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/switch.rpi_gpio/'
class='option-card switch'
data-title="raspberry pi gpio switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry PI GPIO Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/camera.rpi_camera/'
class='option-card camera'
data-title="raspberry pi camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry Pi Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/cover.rpi_gpio/'
class='option-card cover'
data-title="raspberry pi cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry Pi Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/switch.rpi_rf/'
class='option-card switch'
data-title="raspberry pi rf switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry Pi RF Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/recorder/'
class='option-card history'
data-title="recorder"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Recorder</div>
<div class='category'>History</div>
</a>
<a href='/components/rflink/'
class='option-card hub added_two_versions_ago'
data-title="rflink"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rflink.png'>
</div>
<div class='title'>Rflink</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.rflink/'
class='option-card light added_two_versions_ago'
data-title="rflink light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rflink.png'>
</div>
<div class='title'>Rflink Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.rflink/'
class='option-card sensor added_two_versions_ago'
data-title="rflink sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rflink.png'>
</div>
<div class='title'>Rflink Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.rflink/'
class='option-card switch added_two_versions_ago'
data-title="rflink switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rflink.png'>
</div>
<div class='title'>Rflink Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.ring/'
class='option-card sensor added_in_current_version'
data-title="ring"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ring.png'>
</div>
<div class='title'>Ring</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.roku/'
class='option-card media-player'
data-title="roku"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/roku.png'>
</div>
<div class='title'>Roku</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.russound_rnet/'
class='option-card media-player'
data-title="russound rnet"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/russound.png'>
</div>
<div class='title'>Russound RNET</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.sabnzbd/'
class='option-card downloading'
data-title="sabnzbd"
data-ha_category="downloading"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sabnzbd.png'>
</div>
<div class='title'>SABnzbd</div>
<div class='category'>Downloading</div>
</a>
<a href='/components/scsgate/'
class='option-card hub'
data-title="scsgate"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bus_scs.png'>
</div>
<div class='title'>SCSGate</div>
<div class='category'>Hub</div>
</a>
<a href='/components/cover.scsgate/'
class='option-card cover'
data-title="scsgate cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bus_scs.png'>
</div>
<div class='title'>SCSGate Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/light.scsgate/'
class='option-card light'
data-title="scsgate light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bus_scs.png'>
</div>
<div class='title'>SCSGate Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.scsgate/'
class='option-card switch'
data-title="scsgate switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bus_scs.png'>
</div>
<div class='title'>SCSGate Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.sma/'
class='option-card energy'
data-title="sma solar webconnect"
data-ha_category="energy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sma.png'>
</div>
<div class='title'>SMA Solar WebConnect</div>
<div class='category'>Energy</div>
</a>
<a href='/components/notify.smtp/'
class='option-card notifications'
data-title="smtp"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/smtp.png'>
</div>
<div class='title'>SMTP</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/device_tracker.snmp/'
class='option-card presence-detection'
data-title="snmp"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/network-snmp.png'>
</div>
<div class='title'>SNMP</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.snmp/'
class='option-card system-monitor'
data-title="snmp"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/network-snmp.png'>
</div>
<div class='title'>SNMP</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/media_player.samsungtv/'
class='option-card media-player'
data-title="samsung smart tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/samsung.png'>
</div>
<div class='title'>Samsung Smart TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/scene/'
class='option-card organization'
data-title="scenes"
data-ha_category="organization"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Scenes</div>
<div class='category'>Organization</div>
</a>
<a href='/components/sensor.scrape/'
class='option-card sensor'
data-title="scrape sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Scrape Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/script/'
class='option-card automation'
data-title="scripts"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Scripts</div>
<div class='category'>Automation</div>
</a>
<a href='/components/notify.sendgrid/'
class='option-card notifications'
data-title="sendgrid"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sendgrid.png'>
</div>
<div class='title'>SendGrid</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.sensehat/'
class='option-card sensor'
data-title="sense hat"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sense-hat.png'>
</div>
<div class='title'>Sense HAT</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.aquostv/'
class='option-card media-player'
data-title="sharp aquos tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sharp_aquos.jpg'>
</div>
<div class='title'>Sharp Aquos TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/shell_command/'
class='option-card automation'
data-title="shell command"
data-ha_category="automation"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Shell command</div>
<div class='category'>Automation</div>
</a>
<a href='/components/notify.simplepush/'
class='option-card notifications'
data-title="simplepush"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/simplepush.png'>
</div>
<div class='title'>Simplepush</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/alarm_control_panel.simplisafe/'
class='option-card alarm'
data-title="simplisafe alarm control panel"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/simplisafe.png'>
</div>
<div class='title'>SimpliSafe Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/device_tracker.sky_hub/'
class='option-card presence-detection'
data-title="sky hub"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sky.png'>
</div>
<div class='title'>Sky Hub</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.skybeacon/'
class='option-card diy'
data-title="skybeacon sensor"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Skybeacon sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/notify.slack/'
class='option-card notifications'
data-title="slack"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/slack.png'>
</div>
<div class='title'>Slack</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sleepiq/'
class='option-card hub'
data-title="sleepiq"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sleepiq.png'>
</div>
<div class='title'>SleepIQ</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.sleepiq/'
class='option-card binary-sensor'
data-title="sleepiq binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sleepiq.png'>
</div>
<div class='title'>SleepIQ Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.sleepiq/'
class='option-card sensor'
data-title="sleepiq sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sleepiq.png'>
</div>
<div class='title'>SleepIQ Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.snapcast/'
class='option-card media-player'
data-title="snapcast"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/snapcast.png'>
</div>
<div class='title'>Snapcast</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.sonarr/'
class='option-card sensor'
data-title="sonarr sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sonarr.png'>
</div>
<div class='title'>Sonarr Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.sonos/'
class='option-card media-player featured'
data-title="sonos"
data-ha_category="media player"
>
<div class='img-container'>
<img src='/images/supported_brands/sonos.png'>
</div>
<div class='title'>Sonos</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.braviatv/'
class='option-card media-player'
data-title="sony bravia tv"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bravia.png'>
</div>
<div class='title'>Sony Bravia TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.soundtouch/'
class='option-card media-player'
data-title="soundtouch"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/soundtouch.jpg'>
</div>
<div class='title'>Soundtouch</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.speedtest/'
class='option-card system-monitor'
data-title="speedtest.net"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/speedtest.png'>
</div>
<div class='title'>Speedtest.net</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/splunk/'
class='option-card history'
data-title="splunk"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/splunk.png'>
</div>
<div class='title'>Splunk</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.statistics/'
class='option-card sensor'
data-title="statistics sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Statistics Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/statsd/'
class='option-card history'
data-title="statsd"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/statsd.png'>
</div>
<div class='title'>StatsD</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.steam_online/'
class='option-card social'
data-title="steam"
data-ha_category="social"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/steam.png'>
</div>
<div class='title'>Steam</div>
<div class='category'>Social</div>
</a>
<a href='/components/sun/'
class='option-card weather'
data-title="sun"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Sun</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.supervisord/'
class='option-card system-monitor'
data-title="supervisord"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/supervisord.png'>
</div>
<div class='title'>Supervisord</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.swiss_hydrological_data/'
class='option-card weather'
data-title="swiss hydrological data"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/swiss-hydrological-data.png'>
</div>
<div class='title'>Swiss Hydrological Data</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.swiss_public_transport/'
class='option-card transport'
data-title="swiss public transport"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/train.png'>
</div>
<div class='title'>Swiss Public Transport</div>
<div class='category'>Transport</div>
</a>
<a href='/components/device_tracker.swisscom/'
class='option-card presence-detection'
data-title="swisscom internet-box"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/swisscom.png'>
</div>
<div class='title'>Swisscom Internet-Box</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/camera.synology/'
class='option-card camera'
data-title="synology camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/synology.png'>
</div>
<div class='title'>Synology Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.synologydsm/'
class='option-card sensor'
data-title="synologydsm sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/synology.png'>
</div>
<div class='title'>SynologyDSM Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.syslog/'
class='option-card notifications'
data-title="syslog"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/syslog.png'>
</div>
<div class='title'>Syslog</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.systemmonitor/'
class='option-card system-monitor'
data-title="system monitor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/system_monitor.png'>
</div>
<div class='title'>System Monitor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/binary_sensor.tcp/'
class='option-card binary-sensor'
data-title="tcp binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tcp_ip.png'>
</div>
<div class='title'>TCP Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.tcp/'
class='option-card sensor'
data-title="tcp sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tcp_ip.png'>
</div>
<div class='title'>TCP Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.temper/'
class='option-card sensor'
data-title="temper sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>TEMPer Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.tplink/'
class='option-card presence-detection'
data-title="tp-link"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tp-link.png'>
</div>
<div class='title'>TP-Link</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/switch.tplink/'
class='option-card switch'
data-title="tplink switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tp-link.png'>
</div>
<div class='title'>TPLink Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/device_tracker.tado/'
class='option-card presence-detection'
data-title="tado"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tado.png'>
</div>
<div class='title'>Tado</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/notify.telegram/'
class='option-card notifications'
data-title="telegram"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telegram.png'>
</div>
<div class='title'>Telegram</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/telegram_webhooks/'
class='option-card notifications added_one_version_ago'
data-title="telegram webhooks"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telegram.png'>
</div>
<div class='title'>Telegram webhooks</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/tellstick/'
class='option-card hub'
data-title="tellstick"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus_tellstick.png'>
</div>
<div class='title'>TellStick</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.tellstick/'
class='option-card light'
data-title="tellstick light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus_tellstick.png'>
</div>
<div class='title'>TellStick Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.tellstick/'
class='option-card sensor'
data-title="tellstick sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus_tellstick.png'>
</div>
<div class='title'>TellStick Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.tellstick/'
class='option-card switch'
data-title="tellstick switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus_tellstick.png'>
</div>
<div class='title'>TellStick Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/tellduslive/'
class='option-card hub'
data-title="telldus live"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus.png'>
</div>
<div class='title'>Telldus Live</div>
<div class='category'>Hub</div>
</a>
<a href='/components/switch.tellduslive/'
class='option-card switch'
data-title="telldus live switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus.png'>
</div>
<div class='title'>Telldus Live Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.tellduslive/'
class='option-card sensor'
data-title="telldus live sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telldus.png'>
</div>
<div class='title'>Telldus Live sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.telstra/'
class='option-card notifications'
data-title="telstra"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/telstra.png'>
</div>
<div class='title'>Telstra</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/binary_sensor.template/'
class='option-card binary-sensor'
data-title="template binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Template Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.template/'
class='option-card sensor'
data-title="template sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Template Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.template/'
class='option-card switch'
data-title="template switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Template switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/thingspeak/'
class='option-card history'
data-title="thingspeak"
data-ha_category="history"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/thingspeak.png'>
</div>
<div class='title'>ThingSpeak</div>
<div class='category'>History</div>
</a>
<a href='/components/switch.thinkingcleaner/'
class='option-card switch'
data-title="thinking cleaner switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/thinkingcleaner.png'>
</div>
<div class='title'>Thinking Cleaner Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.thinkingcleaner/'
class='option-card sensor'
data-title="thinking cleaner sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/thinkingcleaner.png'>
</div>
<div class='title'>Thinking Cleaner sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.thomson/'
class='option-card presence-detection'
data-title="thomson"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/technicolor.png'>
</div>
<div class='title'>Thomson</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/binary_sensor.threshold/'
class='option-card binary-sensor'
data-title="threshold binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Threshold Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/light.tikteck/'
class='option-card light'
data-title="tikteck"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Tikteck</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.time_date/'
class='option-card calendar'
data-title="time & date"
data-ha_category="calendar"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Time & Date</div>
<div class='category'>Calendar</div>
</a>
<a href='/components/device_tracker.tomato/'
class='option-card presence-detection'
data-title="tomato"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/tomato.png'>
</div>
<div class='title'>Tomato</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.torque/'
class='option-card transport'
data-title="torque (obd2)"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/torque.png'>
</div>
<div class='title'>Torque (OBD2)</div>
<div class='category'>Transport</div>
</a>
<a href='/components/device_tracker.trackr/'
class='option-card presence-detection'
data-title="trackr"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/trackr.png'>
</div>
<div class='title'>TrackR</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.transmission/'
class='option-card downloading'
data-title="transmission sensor"
data-ha_category="downloading"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/transmission.png'>
</div>
<div class='title'>Transmission Sensor</div>
<div class='category'>Downloading</div>
</a>
<a href='/components/switch.transmission/'
class='option-card downloading'
data-title="transmission switch"
data-ha_category="downloading"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/transmission.png'>
</div>
<div class='title'>Transmission Switch</div>
<div class='category'>Downloading</div>
</a>
<a href='/components/binary_sensor.trend/'
class='option-card binary-sensor'
data-title="trend binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Trend Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/twilio/'
class='option-card hub added_in_current_version'
data-title="twilio"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twilio.png'>
</div>
<div class='title'>Twilio</div>
<div class='category'>Hub</div>
</a>
<a href='/components/notify.twilio_call/'
class='option-card notifications'
data-title="twilio call"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twilio.png'>
</div>
<div class='title'>Twilio Call</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/notify.twilio_sms/'
class='option-card notifications'
data-title="twilio sms"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twilio.png'>
</div>
<div class='title'>Twilio SMS</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.twitch/'
class='option-card social'
data-title="twitch"
data-ha_category="social"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twitch.png'>
</div>
<div class='title'>Twitch</div>
<div class='category'>Social</div>
</a>
<a href='/components/notify.twitter/'
class='option-card notifications'
data-title="twitter"
data-ha_category="notifications"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twitter.png'>
</div>
<div class='title'>Twitter</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/device_tracker.upc_connect/'
class='option-card presence-detection'
data-title="upc connectbox"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/upc.png'>
</div>
<div class='title'>UPC ConnectBox</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.ups/'
class='option-card sensor added_one_version_ago'
data-title="ups sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ups.png'>
</div>
<div class='title'>UPS Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/upnp/'
class='option-card other'
data-title="upnp"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/upnp.png'>
</div>
<div class='title'>UPnP</div>
<div class='category'>Other</div>
</a>
<a href='/components/sensor.usps/'
class='option-card sensor'
data-title="usps sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/usps.png'>
</div>
<div class='title'>USPS Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.uber/'
class='option-card transport'
data-title="uber"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/uber.png'>
</div>
<div class='title'>Uber</div>
<div class='category'>Transport</div>
</a>
<a href='/components/device_tracker.unifi/'
class='option-card presence-detection'
data-title="ubiquiti unifi wap"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ubiquiti.png'>
</div>
<div class='title'>Ubiquiti Unifi WAP</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/camera.uvc/'
class='option-card camera'
data-title="unifi video camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ubiquiti.png'>
</div>
<div class='title'>UniFi Video Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/media_player.universal/'
class='option-card media-player'
data-title="universal"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Universal</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/updater/'
class='option-card other'
data-title="updater"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Updater</div>
<div class='category'>Other</div>
</a>
<a href='/components/media_player.vlc/'
class='option-card media-player'
data-title="vlc"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/videolan.png'>
</div>
<div class='title'>VLC</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/vera/'
class='option-card hub'
data-title="vera"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.vera/'
class='option-card binary-sensor'
data-title="vera binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/cover.vera/'
class='option-card cover'
data-title="vera cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/light.vera/'
class='option-card light'
data-title="vera light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/lock.vera/'
class='option-card lock'
data-title="vera lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/sensor.vera/'
class='option-card sensor'
data-title="vera sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.vera/'
class='option-card switch'
data-title="vera switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/climate.vera/'
class='option-card climate'
data-title="vera thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vera.png'>
</div>
<div class='title'>Vera Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/verisure/'
class='option-card hub'
data-title="verisure"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure</div>
<div class='category'>Hub</div>
</a>
<a href='/components/alarm_control_panel.verisure/'
class='option-card alarm'
data-title="verisure alarm"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure Alarm</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/camera.verisure/'
class='option-card camera'
data-title="verisure camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/lock.verisure/'
class='option-card lock'
data-title="verisure lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/sensor.verisure/'
class='option-card sensor'
data-title="verisure sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.verisure/'
class='option-card switch'
data-title="verisure smartplug"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/verisure.png'>
</div>
<div class='title'>Verisure SmartPlug</div>
<div class='category'>Switch</div>
</a>
<a href='/components/tts.voicerss/'
class='option-card text-to-speech'
data-title="voicerss"
data-ha_category="text-to-speech"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/voicerss.png'>
</div>
<div class='title'>VoiceRSS</div>
<div class='category'>Text-to-speech</div>
</a>
<a href='/components/device_tracker.volvooncall/'
class='option-card presence-detection'
data-title="volvo on call"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/volvo.png'>
</div>
<div class='title'>Volvo On Call</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.vasttrafik/'
class='option-card transport'
data-title="västtrafik public transport"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/vasttrafik.png'>
</div>
<div class='title'>Västtrafik Public Transport</div>
<div class='category'>Transport</div>
</a>
<a href='/components/switch.wake_on_lan/'
class='option-card switch'
data-title="wake on lan switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ethernet.png'>
</div>
<div class='title'>Wake on LAN Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.wsdot/'
class='option-card transport'
data-title="washington state dot"
data-ha_category="transport"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wsdot.png'>
</div>
<div class='title'>Washington State DOT</div>
<div class='category'>Transport</div>
</a>
<a href='/components/sensor.wunderground/'
class='option-card weather'
data-title="weather underground (wunderground)"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wunderground.png'>
</div>
<div class='title'>Weather Underground (WUnderground)</div>
<div class='category'>Weather</div>
</a>
<a href='/components/weblink/'
class='option-card front-end'
data-title="weblink"
data-ha_category="front end"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Weblink</div>
<div class='category'>Front end</div>
</a>
<a href='/components/wink/'
class='option-card hub featured'
data-title="wink"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink</div>
<div class='category'>Hub</div>
</a>
<a href='/components/alarm_control_panel.wink/'
class='option-card alarm'
data-title="wink alarm"
data-ha_category="alarm"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Alarm</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/binary_sensor.wink/'
class='option-card binary-sensor'
data-title="wink binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/cover.wink/'
class='option-card cover'
data-title="wink cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/fan.wink/'
class='option-card fan'
data-title="wink fan"
data-ha_category="fan"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Fan</div>
<div class='category'>Fan</div>
</a>
<a href='/components/light.wink/'
class='option-card light'
data-title="wink light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/lock.wink/'
class='option-card lock'
data-title="wink lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/sensor.wink/'
class='option-card sensor'
data-title="wink sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.wink/'
class='option-card switch'
data-title="wink switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/climate.wink/'
class='option-card climate'
data-title="wink thermostat"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Thermostat</div>
<div class='category'>Climate</div>
</a>
<a href='/components/sensor.waqi/'
class='option-card health'
data-title="world air quality index"
data-ha_category="health"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/waqi.png'>
</div>
<div class='title'>World Air Quality Index</div>
<div class='category'>Health</div>
</a>
<a href='/components/sensor.worldclock/'
class='option-card calendar'
data-title="worldclock"
data-ha_category="calendar"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Worldclock</div>
<div class='category'>Calendar</div>
</a>
<a href='/components/light.x10/'
class='option-card light'
data-title="x10"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/x10.gif'>
</div>
<div class='title'>X10</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.xbox_live/'
class='option-card social'
data-title="xbox live"
data-ha_category="social"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/xbox-live.png'>
</div>
<div class='title'>Xbox Live</div>
<div class='category'>Social</div>
</a>
<a href='/components/device_tracker.xiaomi/'
class='option-card presence-detection'
data-title="xiaomi router"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/xiaomi.png'>
</div>
<div class='title'>Xiaomi Router</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.yr/'
class='option-card weather'
data-title="yr"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yr.png'>
</div>
<div class='title'>YR</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.yahoo_finance/'
class='option-card finance'
data-title="yahoo finance"
data-ha_category="finance"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yahoo_finance.png'>
</div>
<div class='title'>Yahoo Finance</div>
<div class='category'>Finance</div>
</a>
<a href='/components/sensor.yweather/'
class='option-card weather'
data-title="yahoo weather"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yahooweather.png'>
</div>
<div class='title'>Yahoo Weather</div>
<div class='category'>Weather</div>
</a>
<a href='/components/media_player.yamaha/'
class='option-card media-player'
data-title="yamaha network receivers"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yamaha.png'>
</div>
<div class='title'>Yamaha Network Receivers</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/tts.yandextts/'
class='option-card text-to-speech'
data-title="yandex tts"
data-ha_category="text-to-speech"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yandex.png'>
</div>
<div class='title'>Yandex TTS</div>
<div class='category'>Text-to-speech</div>
</a>
<a href='/components/light.yeelightsunflower/'
class='option-card light added_one_version_ago'
data-title="yeelight sunflower bulb"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Yeelight Sunflower Bulb</div>
<div class='category'>Light</div>
</a>
<a href='/components/light.yeelight/'
class='option-card light'
data-title="yeelight wifi bulb"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/yeelight.png'>
</div>
<div class='title'>Yeelight Wifi Bulb</div>
<div class='category'>Light</div>
</a>
<a href='/components/zwave/'
class='option-card hub featured'
data-title="z-wave"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.zwave/'
class='option-card binary-sensor'
data-title="z-wave binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/climate.zwave/'
class='option-card climate'
data-title="z-wave climate"
data-ha_category="climate"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Climate</div>
<div class='category'>Climate</div>
</a>
<a href='/components/cover.zwave/'
class='option-card cover'
data-title="z-wave cover"
data-ha_category="cover"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Cover</div>
<div class='category'>Cover</div>
</a>
<a href='/components/light.zwave/'
class='option-card light'
data-title="z-wave light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/lock.zwave/'
class='option-card lock'
data-title="z-wave lock"
data-ha_category="lock"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Lock</div>
<div class='category'>Lock</div>
</a>
<a href='/components/sensor.zwave/'
class='option-card sensor'
data-title="z-wave sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.zwave/'
class='option-card switch'
data-title="z-wave switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.zamg/'
class='option-card weather'
data-title="zamg sensor"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zamg.png'>
</div>
<div class='title'>ZAMG Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/weather.zamg/'
class='option-card weather added_one_version_ago'
data-title="zamg weather"
data-ha_category="weather"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zamg.png'>
</div>
<div class='title'>ZAMG Weather</div>
<div class='category'>Weather</div>
</a>
<a href='/components/zabbix/'
class='option-card system-monitor'
data-title="zabbix"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zabbix.png'>
</div>
<div class='title'>Zabbix</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/sensor.zabbix/'
class='option-card system-monitor'
data-title="zabbix sensor"
data-ha_category="system monitor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zabbix.png'>
</div>
<div class='title'>Zabbix Sensor</div>
<div class='category'>System Monitor</div>
</a>
<a href='/components/light.zengge/'
class='option-card light'
data-title="zengge"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zengge.png'>
</div>
<div class='title'>Zengge</div>
<div class='category'>Light</div>
</a>
<a href='/components/zeroconf/'
class='option-card other'
data-title="zeroconf/avahi/bonjour"
data-ha_category="other"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/avahi.png'>
</div>
<div class='title'>Zeroconf/Avahi/Bonjour</div>
<div class='category'>Other</div>
</a>
<a href='/components/zigbee/'
class='option-card diy'
data-title="zigbee"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zigbee.png'>
</div>
<div class='title'>ZigBee</div>
<div class='category'>DIY</div>
</a>
<a href='/components/binary_sensor.zigbee/'
class='option-card binary-sensor'
data-title="zigbee binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zigbee.png'>
</div>
<div class='title'>ZigBee Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/light.zigbee/'
class='option-card light'
data-title="zigbee light"
data-ha_category="light"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zigbee.png'>
</div>
<div class='title'>ZigBee Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.zigbee/'
class='option-card sensor'
data-title="zigbee sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zigbee.png'>
</div>
<div class='title'>ZigBee Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.zigbee/'
class='option-card switch'
data-title="zigbee switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zigbee.png'>
</div>
<div class='title'>ZigBee Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/zone/'
class='option-card organization'
data-title="zone"
data-ha_category="organization"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Zone</div>
<div class='category'>Organization</div>
</a>
<a href='/components/zoneminder/'
class='option-card hub'
data-title="zoneminder"
data-ha_category="hub"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zoneminder.png'>
</div>
<div class='title'>ZoneMinder</div>
<div class='category'>Hub</div>
</a>
<a href='/components/camera.zoneminder/'
class='option-card camera added_one_version_ago'
data-title="zoneminder camera"
data-ha_category="camera"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zoneminder.png'>
</div>
<div class='title'>ZoneMinder Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.zoneminder/'
class='option-card sensor'
data-title="zoneminder sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zoneminder.png'>
</div>
<div class='title'>ZoneMinder Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.zoneminder/'
class='option-card switch'
data-title="zoneminder switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/zoneminder.png'>
</div>
<div class='title'>ZoneMinder Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/binary_sensor.arest/'
class='option-card binary-sensor'
data-title="arest binary sensor"
data-ha_category="binary sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/arest.png'>
</div>
<div class='title'>aREST Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.arest/'
class='option-card sensor'
data-title="arest sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/arest.png'>
</div>
<div class='title'>aREST Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.arest/'
class='option-card switch'
data-title="arest switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/arest.png'>
</div>
<div class='title'>aREST Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/media_player.cmus/'
class='option-card media-player'
data-title="cmus"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>cmus</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/maxcube/'
class='option-card diy added_in_current_version'
data-title="eq-3 max! cube"
data-ha_category="diy"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/maxcube.png'>
</div>
<div class='title'>eQ-3 MAX! Cube</div>
<div class='category'>DIY</div>
</a>
<a href='/components/ecobee/'
class='option-card hub featured'
data-title="ecobee"
data-ha_category="hub"
>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>ecobee</div>
<div class='category'>Hub</div>
</a>
<a href='/components/device_tracker.icloud/'
class='option-card presence-detection'
data-title="icloud"
data-ha_category="presence detection"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/icloud.png'>
</div>
<div class='title'>iCloud</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/remote.itach/'
class='option-card remote added_one_version_ago'
data-title="itach remote"
data-ha_category="remote"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/globalcache.png'>
</div>
<div class='title'>iTach Remote</div>
<div class='category'>Remote</div>
</a>
<a href='/components/media_player.itunes/'
class='option-card media-player'
data-title="itunes"
data-ha_category="media player"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/itunes.png'>
</div>
<div class='title'>iTunes</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/sensor.mfi/'
class='option-card sensor'
data-title="mfi sensor"
data-ha_category="sensor"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ubiquiti.png'>
</div>
<div class='title'>mFi Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.mfi/'
class='option-card switch'
data-title="mfi switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ubiquiti.png'>
</div>
<div class='title'>mFi Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/switch.mystrom/'
class='option-card switch'
data-title="mystrom switch"
data-ha_category="switch"
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mystrom.png'>
</div>
<div class='title'>myStrom Switch</div>
<div class='category'>Switch</div>
</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
// undo initial hiding of non-featured cards
(function(){
var hash = location.hash;
if (hash !== '') {
if (hash === '#all' || hash.indexOf('#search/') === 0) {
jQuery('#componentContainer a').show();
} else {
jQuery('#componentContainer .featured').hide();
jQuery('#componentContainer .' + hash.substr(1)).show();
}
if (hash.indexOf('#search/') === 0) {
// set default value in search from URL
jQuery('.component-search input').val(decodeURIComponent(hash).substring(8));
}
}
})();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js"></script>
<script>
$(window).load(function(){
var $container = $('#componentContainer');
/**
* update the browser location hash. This enables users to use the browser-history
*/
function updateHash(newHash) {
if ('replaceState' in history) {
history.replaceState('', '', newHash);
} else {
location.hash = newHash;
}
}
/**
* filter all components, based on the location's hash
*/
function applyFilter() {
var hash = location.hash;
var filter;
if (hash == '') {
filter = '.featured';
hash = '#featured';
} else if (hash === '#all') {
// show all elements
filter = '*';
} else if (hash.indexOf('#search/') === 0) {
// search for the given string
var text = decodeURIComponent(hash).substring(8).toLowerCase();
text = text.replace(/[(\?|\&\{\}\(\))]/gi, '').toLowerCase();
if(text && text.length === 0){
filter = '*';
} else {
filter = function() {
var title = $(this).data('title');
var cat = $(this).data('ha_category');
return title.indexOf(text) != -1 || cat.indexOf(text) != -1;
};
}
} else {
filter = '.' + hash.substr(1);
}
if (!hash.indexOf('#search/') === 0) {
// reset the search field when no longer searching
$('.component-search input').val(null);
}
$('.filter-button-group a.current').removeClass('current');
$('.filter-button-group a[href="'+hash+'"]').addClass('current');
$container.isotope({
filter: filter,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
},
masonry: {
columnWidth: 210
}
});
}
// update view by filter selection
jQuery('.filter-button-group a').click(function() {
updateHash(this.getAttribute('href'));
applyFilter();
return false;
});
/**
* Simple debounce implementation, based on http://davidwalsh.name/javascript-debounce-function
*/
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) {
func.apply(context, args);
}
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) {
func.apply(context, args);
}
};
};
// update view by search text
$('.component-search input').keyup(debounce(function() {
var text = $(this).val();
// sanitize input
text = text.replace(/[(\?|\&\{\}\(\))]/gi, '');
updateHash('#search/' + text);
applyFilter();
}, 500));
window.addEventListener('hashchange', applyFilter);
// initialize from URL
applyFilter();
});
</script>
</article>
</div>
</div>
</div>
<footer>
<div class="grid-wrapper">
<div class="grid">
<div class="grid__item">
<div class="copyright">
<a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
<a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
<a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
<a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
<div class="credit">
Contact us at <a href='mailto:hello@home-assistant.io'>hello@home-assistant.io</a>.<br>
Website powered by <a href='http://jekyllrb.com/'>Jekyll</a> and the <a href='https://github.com/coogie/oscailte'>Oscalite theme</a>.<br />
Hosted by <a href='https://pages.github.com/'>GitHub</a> and served by <a href='https://cloudflare.com'>CloudFlare</a>.
</div>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">home-assistant.io</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.
</div>
</div>
</div>
</div>
</footer>
<script>
var _gaq=[['_setAccount','UA-57927901-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>
Reference in a new issue View git blame Copy permalink