home-assistant.github.io/components/index.html
2016-08-02 06:59:56 +00:00

5015 lines
No EOL
122 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="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='/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="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='#frontend' class="btn">Frontend</a>
<a href='#garage-door' class="btn">Garage Door</a>
<a href='#hvac' class="btn">HVAC</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/notify.aws_lambda/'
class='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='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='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='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='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/device_tracker.bt_home_hub_5/'
class='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/wemo/'
class='hub featured'
>
<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='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/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/device_tracker.bluetooth_tracker/'
class='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/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'>
<img src='/images/supported_brands/dht.png'>
</div>
<div class='title'>DHT Sensor</div>
<div class='category'>DIY</div>
</a>
<a href='/components/sensor.dte_energy_bridge/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>DTE Energy Bridge</div>
<div class='category'>Sensor</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'>
<img src='/images/supported_brands/db.png'>
</div>
<div class='title'>Deutsche Bahn</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.directv/'
class='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/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/dweet/'
class='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/thermostat.eq3btsmart/'
class='thermostat'
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'>Thermostat</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/notify.ecobee/'
class='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/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/enocean/'
class='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='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='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='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='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='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='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='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/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/feedreader/'
class='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/notify.file/'
class='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='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='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/fitbit.png'>
</div>
<div class='title'>Fitbit</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.fixer/'
class='sensor'
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'>Sensor</div>
</a>
<a href='/components/light.flux_led/'
class='light'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Flux Led/MagicLight</div>
<div class='category'>Light</div>
</a>
<a href='/components/switch.flux/'
class='switch'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Flux Switch</div>
<div class='category'>Switch</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'>
<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='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/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/sensor.google_travel_time/'
class='sensor'
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'>Sensor</div>
</a>
<a href='/components/media_player.gpmdp/'
class='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/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/hdmi_cec/'
class='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/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/homematic/'
class='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='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/light.homematic/'
class='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/rollershutter.homematic/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/homematic.png'>
</div>
<div class='title'>Homematic Rollershutter</div>
<div class='category'>Rollershutter</div>
</a>
<a href='/components/sensor.homematic/'
class='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='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/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/sensor.imap/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>IMAP Sensor</div>
<div class='category'>Sensor</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/joaoapps_join/'
class='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='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='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='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/switch.knx/'
class='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/thermostat.knx/'
class='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/keyboard/'
class='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/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/media_player.lg_netcast/'
class='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/media_player.webostv/'
class='media-player'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/webos.png'>
</div>
<div class='title'>LG WebOS TV</div>
<div class='category'>Media Player</div>
</a>
<a href='/components/notify.webostv/'
class='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/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/lirc/'
class='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/sensor.lastfm/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/lastfm.png'>
</div>
<div class='title'>Last.fm</div>
<div class='category'>Sensor</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/camera.local_file/'
class='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='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/logentries/'
class='history'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Logentries</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/sensor.loop_energy/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/loop.png'>
</div>
<div class='title'>Loop Energy</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/media_player.mpchc/'
class='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='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/garage_door.mqtt/'
class='garage-door'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/mqtt.png'>
</div>
<div class='title'>MQTT Garage door</div>
<div class='category'>Garage Door</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/sensor.moldindicator/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Mold Indicator</div>
<div class='category'>Sensor</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/sensor.nzbget/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>NZBGet</div>
<div class='category'>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/netatmo/'
class='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/camera.netatmo/'
class='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='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/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'
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.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/octoprint/'
class='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='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='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.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/media_player.onkyo/'
class='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='sensor'
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'>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/light.osramlightify/'
class='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='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/media_player.panasonic_viera/'
class='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='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_iframe/'
class='frontend'
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'>Frontend</div>
</a>
<a href='/components/persistent_notification/'
class='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='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.pioneer/'
class='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='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/sensor.plex/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/plex.png'>
</div>
<div class='title'>Plex Sensor</div>
<div class='category'>Sensor</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/sensor.gtfs/'
class='sensor'
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'>Sensor</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/light.qwikswitch/'
class='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='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='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='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'>
<img src='/images/supported_brands/rfxtrx.png'>
</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'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Light</div>
<div class='category'>Light</div>
</a>
<a href='/components/rollershutter.rfxtrx/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/rfxtrx.png'>
</div>
<div class='title'>RFXtrx Rollershutter</div>
<div class='category'>Rollershutter</div>
</a>
<a href='/components/sensor.rfxtrx/'
class='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='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/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='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='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='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/garage_door.rpi_gpio/'
class='garage-door'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/raspberry-pi.png'>
</div>
<div class='title'>Raspberry Pi Garage door</div>
<div class='category'>Garage Door</div>
</a>
<a href='/components/switch.rpi_rf/'
class='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='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/media_player.roku/'
class='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='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='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/sensor.snmp/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/network-snmp.png'>
</div>
<div class='title'>SNMP</div>
<div class='category'>Sensor</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/alarm_control_panel.simplisafe/'
class='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/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/media_player.braviatv/'
class='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/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.supervisord/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Supervisord</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.swiss_hydrological_data/'
class='sensor'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Swiss Hydrological Data</div>
<div class='category'>Sensor</div>
</a>
<a href='/components/sensor.swiss_public_transport/'
class='sensor'
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'>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/switch.tplink/'
class='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/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/switch.thinkingcleaner/'
class='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='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='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/notify.twilio_sms/'
class='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='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/upnp/'
class='other'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>UPnP</div>
<div class='category'>Other</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/lock.vera/'
class='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='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/sensor.envisalink/'
class='sensor'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/eyezon.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/rollershutter.wink/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/wink.png'>
</div>
<div class='title'>Wink Rollershutter</div>
<div class='category'>Rollershutter</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/light.x10/'
class='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.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/sensor.yweather/'
class='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='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/garage_door.zwave/'
class='garage-door'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Garage Door</div>
<div class='category'>Garage Door</div>
</a>
<a href='/components/hvac.zwave/'
class='hvac'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave HVAC</div>
<div class='category'>HVAC</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/lock.zwave/'
class='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/rollershutter.zwave/'
class='rollershutter'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Rollershutter</div>
<div class='category'>Rollershutter</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/thermostat.zwave/'
class='thermostat'
style='display: none'>
<div class='img-container'>
<img src='/images/supported_brands/z-wave.png'>
</div>
<div class='title'>Z-Wave Thermostat</div>
<div class='category'>Thermostat</div>
</a>
<a href='/components/zeroconf/'
class='other'
style='display: none'>
<div class='img-container'>
</div>
<div class='title'>Zeroconf/Avahi/Bonjour</div>
<div class='category'>Other</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/media_player.cmus/'
class='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/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://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>
</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>