home-assistant.github.io/components/index.html
2016-04-08 08:33:10 +00:00

3675 lines
No EOL
90 KiB
HTML

<!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="Paulus Schoutsen">
<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/home-assistant-logo-2164x2164.png">
<meta name="twitter:card" content="summary">
<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/home-assistant-logo-2164x2164.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>Getting started <i class="icon icon-caret-down"></i></a>
<ul>
<li><a href='/getting-started/'>Installing Home Assistant</a></li>
<li><a href='/getting-started/configuration/'>Configuration Basics</a></li>
<li><a href='/getting-started/devices/'>Adding devices</a></li>
<li><a href='/getting-started/presence-detection/'>Presence Detection</a></li>
<li><a href='/getting-started/automation/'>Automation</a></li>
<li><a href='/topics/'>Advanced Topics</a></li>
</ul>
</li>
<li><a href='/components/'>Components</a></li>
<li><a href='/cookbook'>Examples</a></li>
<li>
<a>Developers <i class="icon icon-caret-down"></i></a>
<ul>
<li><a href="/developers/">Setup Development</a></li>
<li><a href="/developers/architecture/">Architecture</a></li>
<li><a href="/developers/frontend/">Frontend Development</a></li>
<li><a href="/developers/creating_components/">
Creating Components
</a></li>
<li><a href="/developers/add_new_platform/">
Adding Platform Support
</a></li>
<li><a href="/developers/api/">API and SSE</a></li>
<li><a href="/developers/credits/">Credits</a></li>
</ul>
</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="filter-button-group">
<a href='#all' class="btn">All</a>
<a href='#featured' class="btn">Featured</a>
<a href='#alarm' class="btn">Alarm</a>
<a href='#automation' class="btn">Automation</a>
<a href='#binary-sensor' class="btn">Binary Sensor</a>
<a href='#camera' class="btn">Camera</a>
<a href='#diy' class="btn">DIY</a>
<a href='#garage-door' class="btn">Garage Door</a>
<a href='#history' class="btn">History</a>
<a href='#hub' class="btn">Hub</a>
<a href='#light' class="btn">Light</a>
<a href='#lock' class="btn">Lock</a>
<a href='#media-player' class="btn">Media Player</a>
<a href='#notifications' class="btn">Notifications</a>
<a href='#organization' class="btn">Organization</a>
<a href='#presence-detection' class="btn">Presence Detection</a>
<a href='#rollershutter' class="btn">Rollershutter</a>
<a href='#sensor' class="btn">Sensor</a>
<a href='#switch' class="btn">Switch</a>
<a href='#thermostat' class="btn">Thermostat</a>
<a href='#voice' class="btn">Voice</a>
<a href='#weather' class="btn">Weather</a>
<a href='#other' class="btn">Other</a>
</div>
<div id="componentContainer">
<a href='/components/apcupsd/'
class='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='binary-sensor'
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'>Binary Sensor</div>
</a>
<a href='/components/sensor.apcupsd/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/apcupsd.png'>
</div>
<div class='title'>APCUPSd Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.asuswrt/'
class='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/device_tracker.actiontec/'
class='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='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/alexa/'
class='voice featured'
>
<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/arduino/'
class='diy featured'
>
<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='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='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='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/automation/'
class='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.wemo/'
class='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='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/wemo/'
class='hub featured'
>
<div class='img-container'>
<img src='/images/supported_brands/belkin_wemo.png'>
</div>
<div class='title'>Belkin WeMo devices</div>
<div class='category'>Hub</div>
</a>
<a href='/components/sensor.bitcoin/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bitcoin.png'>
</div>
<div class='title'>Bitcoin</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/light.blinksticklight/'
class='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='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='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='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='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/browser/'
class='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='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>CPU speed</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/binary_sensor.command_line/'
class='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='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/rollershutter.command_line/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/command_line.png'>
</div>
<div class='title'>Command line Rollershutter</div>
<div class='category'>Rollershutter</div>
</a>
<a href='/components/sensor.command_line/'
class='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='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/configurator/'
class='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='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/switch.dlink/'
class='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='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='diy'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>DHT Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/demo/'
class='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='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='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Deutsche Bahn</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/discovery/'
class='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/downloader/'
class='other'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Downloader</div>
<div class='category'>Other</div>
</a>
<a href='/components/sensor.dweet/'
class='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/ecobee/'
class='hub featured'
>
<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/sensor.ecobee/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>Ecobee Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/thermostat.ecobee/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/ecobee.png'>
</div>
<div class='title'>Ecobee Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/switch.edimax/'
class='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='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/efergy.png'>
</div>
<div class='title'>Efergy</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.eliqonline/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eliq.png'>
</div>
<div class='title'>Eliqonline</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.fritz/'
class='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/notify.file/'
class='notifications'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>File</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/media_player.firetv/'
class='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.forecast/'
class='weather featured'
>
<div class='img-container'>
<img src='/images/supported_brands/forecast.png'>
</div>
<div class='title'>Forecast.io</div>
<div class='category'>Weather</div>
</a>
<a href='/components/camera.foscam/'
class='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/notify.free_mobile/'
class='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/notify.gntp/'
class='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/camera.generic/'
class='camera'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Generic IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/camera.mjpeg/'
class='camera'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Generic MJPEG IP Camera</div>
<div class='category'>Camera</div>
</a>
<a href='/components/sensor.glances/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/glances.png'>
</div>
<div class='title'>Glances</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.cast/'
class='media-player featured'
>
<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/notify.google_voice/'
class='notifications'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/google_voice.png'>
</div>
<div class='title'>Google Voice SMS</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/graphite/'
class='history'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Graphite</div>
<div class='category'>History</div>
</a>
<a href='/components/group/'
class='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/http/'
class='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='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='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/thermostat.heat_control/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/heat-control.png'>
</div>
<div class='title'>Heat control</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/thermostat.heatmiser/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/heatmiser.png'>
</div>
<div class='title'>Heatmiser Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/switch.hikvision/'
class='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='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/thermostat.homematic/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/thermostat.honeywell/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/honeywell.png'>
</div>
<div class='title'>Honeywell Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/light.hyperion/'
class='light'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Hyperion</div>
<div class='category'>Light</div>
</a>
<a href='/components/ifttt/'
class='automation featured'
>
<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/isy994/'
class='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/influxdb/'
class='history featured'
>
<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/input_boolean/'
class='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='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='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='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/insteon_hub/'
class='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/introduction/'
class='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/simple_alarm/'
class='alarm'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Intruder Alerts</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/notify.xmpp/'
class='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/keyboard/'
class='automation'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Keyboard</div>
<div class='category'>Automation</div>
</a>
<a href='/components/media_player.kodi/'
class='media-player featured'
>
<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/light.lifx/'
class='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/light.limitlessled/'
class='light'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>LimitlessLED</div>
<div class='category'>Light</div>
</a>
<a href='/components/device_tracker.locative/'
class='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='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/logger/'
class='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='media-player'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/logitech.png'>
</div>
<div class='title'>Logitech Squeezebox</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/mqtt/'
class='hub featured'
>
<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='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='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/device_tracker.mqtt/'
class='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='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/light.mqtt/'
class='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='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='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/rollershutter.mqtt/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Rollershutter</div>
<div class='category'>Rollershutter</div>
</a>
<a href='/components/sensor.mqtt/'
class='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='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/alarm_control_panel.manual/'
class='alarm'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Manual Alarm Control Panel</div>
<div class='category'>Alarm</div>
</a>
<a href='/components/ifttt.manything/'
class='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.message_bird/'
class='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/modbus/'
class='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/sensor.modbus/'
class='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='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/media_player.mpd/'
class='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/mysensors/'
class='hub featured'
>
<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='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/light.mysensors/'
class='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/sensor.mysensors/'
class='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='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/alarm_control_panel.nx584/'
class='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='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/nest/'
class='hub featured'
>
<div class='img-container'>
<img src='/images/supported_brands/nest_thermostat.png'>
</div>
<div class='title'>Nest</div>
<div class='category'>Hub</div>
</a>
<a href='/components/binary_sensor.nest/'
class='binary-sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest_thermostat.png'>
</div>
<div class='title'>Nest Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.nest/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest_thermostat.png'>
</div>
<div class='title'>Nest Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/thermostat.nest/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest_thermostat.png'>
</div>
<div class='title'>Nest Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/sensor.nest_weather/'
class='weather'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/nest_thermostat.png'>
</div>
<div class='title'>Nest Weather Sensor</div>
<div class='category'>Weather</div>
</a>
<a href='/components/sensor.netatmo/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/netatmo.png'>
</div>
<div class='title'>Netatmo Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.netgear/'
class='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/sensor.neurio_energy/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/neurio.png'>
</div>
<div class='title'>Neurio</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.nmap_scanner/'
class='presence-detection featured'
>
<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.nma/'
class='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/sensor.onewire/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>One wire Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.luci/'
class='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='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/sensor.openweathermap/'
class='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/switch.orvibo/'
class='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/device_tracker.owntracks/'
class='presence-detection featured'
>
<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/light.hue/'
class='light featured'
>
<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.plex/'
class='media-player featured'
>
<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/scene.hunterdouglas_powerview/'
class='rollershutter'
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'>Rollershutter</div>
</a>
<a href='/components/device_sun_light_trigger/'
class='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/thermostat.proliphix/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/proliphix.png'>
</div>
<div class='title'>Proliphix Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/proximity/'
class='organization'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Proximity</div>
<div class='category'>Organization</div>
</a>
<a href='/components/switch.pulseaudio_loopback/'
class='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.pushbullet/'
class='notifications featured'
>
<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.pushover/'
class='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.pushetta/'
class='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.rest/'
class='notifications'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>REST</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/binary_sensor.rest/'
class='binary-sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RESTful Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.rest/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RESTful Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.rest/'
class='switch'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RESTful Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/rfxtrx/'
class='hub'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RFXtrx</div>
<div class='category'>Hub</div>
</a>
<a href='/components/light.rfxtrx/'
class='light'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RFXtrx Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/sensor.rfxtrx/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RFXtrx Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.rfxtrx/'
class='switch'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>RFXtrx Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/thermostat.radiotherm/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/radiotherm.png'>
</div>
<div class='title'>Radiotherm Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/binary_sensor.rpi_gpio/'
class='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'>Sensor</div>
</a>
<a href='/components/switch.rpi_gpio/'
class='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/sensor.sabnzbd/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/sabnzbd.png'>
</div>
<div class='title'>SABnzbd</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/scsgate/'
class='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/light.scsgate/'
class='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/rollershutter.scsgate/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/bus_scs.png'>
</div>
<div class='title'>SCSGate Rollershutter</div>
<div class='category'>Rollershutter</div>
</a>
<a href='/components/switch.scsgate/'
class='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/notify.smtp/'
class='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='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/media_player.samsungtv/'
class='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='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/script/'
class='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='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/shell_command/'
class='automation'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Shell command</div>
<div class='category'>Automation</div>
</a>
<a href='/components/notify.slack/'
class='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/media_player.snapcast/'
class='media-player'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>SnapCast</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/media_player.sonos/'
class='media-player featured'
>
<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/sensor.speedtest/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/speedtest.png'>
</div>
<div class='title'>Speedtest.net</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/splunk/'
class='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/statsd/'
class='history'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>StatsD</div>
<div class='category'>History</div>
</a>
<a href='/components/sensor.steam_online/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/steam.png'>
</div>
<div class='title'>Steam</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sun/'
class='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.swiss_public_transport/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Swiss Public Transport</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.syslog/'
class='notifications'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Syslog</div>
<div class='category'>Notifications</div>
</a>
<a href='/components/sensor.systemmonitor/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>System Monitor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/binary_sensor.tcp/'
class='binary-sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>TCP Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.tcp/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>TCP Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.temper/'
class='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='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/notify.telegram/'
class='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/tellstick/'
class='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='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='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='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='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='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='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/binary_sensor.template/'
class='binary-sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Template Binary Sensor</div>
<div class='category'>Binary Sensor</div>
</a>
<a href='/components/sensor.template/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Template Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.template/'
class='switch'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Template switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/device_tracker.thomson/'
class='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/sensor.time_date/'
class='sensor'
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'>Sensor</div>
</a>
<a href='/components/device_tracker.tomato/'
class='presence-detection'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Tomato</div>
<div class='category'>Presence Detection</div>
</a>
<a href='/components/sensor.torque/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/torque.png'>
</div>
<div class='title'>Torque (OBD2)</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.transmission/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/transmission.png'>
</div>
<div class='title'>Transmission Sensor</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/switch.transmission/'
class='switch'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/transmission.png'>
</div>
<div class='title'>Transmission Switch</div>
<div class='category'>Switch</div>
</a>
<a href='/components/sensor.twitch/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/twitch.png'>
</div>
<div class='title'>Twitch</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/notify.twitter/'
class='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/sensor.uber/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/uber.png'>
</div>
<div class='title'>Uber</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/device_tracker.unifi/'
class='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='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='media-player'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Universal</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/updater/'
class='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/vera/'
class='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='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/light.vera/'
class='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/sensor.vera/'
class='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='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/verisure/'
class='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='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/lock.verisure/'
class='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='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='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/switch.wake_on_lan/'
class='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/weblink/'
class='other'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Weblink</div>
<div class='category'>Other</div>
</a>
<a href='/components/wink/'
class='hub featured'
>
<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/binary_sensor.wink/'
class='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/garage_door.wink/'
class='garage-door'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Garage door</div>
<div class='category'>Garage Door</div>
</a>
<a href='/components/light.wink/'
class='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='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='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='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/sensor.worldclock/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/home-assistant.png'>
</div>
<div class='title'>Worldclock</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.yr/'
class='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/media_player.yamaha/'
class='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/zwave/'
class='hub featured'
>
<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='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/light.zwave/'
class='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/sensor.zwave/'
class='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='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/zigbee/'
class='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='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='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='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='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='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/binary_sensor.arest/'
class='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='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='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/device_tracker.icloud/'
class='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/media_player.itunes/'
class='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='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='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='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>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
// undo initial hiding of non-featured cards
if (location.hash !== '') {
if (location.hash === '#all') {
jQuery('#componentContainer a').show();
} else {
jQuery('#componentContainer .featured').hide();
jQuery('#componentContainer .' + location.hash.substr(1)).show();
}
}
</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');
function updateHash(newHash) {
if ('replaceState' in history) {
history.replaceState('', '', newHash);
} else {
location.hash = newHash;
}
}
function applyFilter() {
var hash = location.hash;
var filter;
if (hash == '') {
filter = '.featured'
hash = '#featured'
} else if (hash == '#all') {
filter = '*';
} else {
filter = '.' + hash.substr(1);
}
$('.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
}
});
}
jQuery('.filter-button-group a').click(function() {
updateHash(this.getAttribute('href'));
applyFilter();
return false;
});
window.addEventListener('hashchange', applyFilter);
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://github.com/balloob/home-assistant'><i class="icon-github"></i></a>
<div class="credit">
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>
</div>
</div>
</div>
</div>
</footer>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<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>