Monatsrückblick Oktober 2026 ist online!

[Bluefox]

Stand 2026-11-09: 55 Komponenten aus 29 Adaptern. Davon sind 44 aus 23 Adaptern auf npm, die übrigen 11 aus 6 Adaptern sind fertig, aber noch nicht veröffentlicht.

Wichtig: Alle Versionen mit Web-Komponenten sind bisher nur im Latest-Repository, im Stable-Repository gibt es noch keine. Eine Web-Komponente läuft nicht nur in Aura, sondern in jedem Host von @iobroker/web-components.

Zu den Bildern: Die Screenshots zeigen die Komponenten im echten Aura-Widget, mit erfundenen Demo-Daten und einem Testaufbau von Aura, der auch noch offene Pull Requests enthält. Im Detail kann es bei dir anders aussehen. Ausnahme ist openmeteo-notify: Diese Bilder stammen vom Entwickler des Adapters, David G., nicht aus dem Testaufbau. Wie Aura die Komponenten künftig im Hinzufügen-Dialog anbietet, wird gerade mit dem Aura-Entwickler abgestimmt.

Übersicht

Adapter	Komponenten	Stand
alarm	Alarm-Panel	fertig, noch nicht im Adapter
assistant	Assistent-Chat, Sprach-Satelliten	auf npm ab 1.5.0 (Latest)
cameras	RTSP Camera, Snapshot Camera	auf npm ab 3.4.0 (Latest)
dreame	Dreame-Roboter	fertig, noch nicht im Adapter
dwd	DWD-Warnung	auf npm ab 3.1.0 (Latest)
echarts	E-Charts	fertig, Veröffentlichung noch offen
eventlist	Alarme, Ereignisse, Letztes Ereignis, PDF	fertig, Veröffentlichung noch offen
flow	Fluss-Diagramm	auf npm ab 0.2.0 (Latest)
frigate	Frigate-Livebild, Frigate-Standbild	auf npm ab 3.3.0 (Latest)
fullcalendar	Kalender	auf npm ab 3.4.0 (Latest)
intercom	Telefon	auf npm ab 0.3.0 (Latest)
kisshome-defender	KISSHome	auf npm ab 4.1.0 (Latest)
lgtv	TV steuern	auf npm ab 3.2.0 (Latest)
music-assistant	Music-Assistant-Player	auf npm ab 0.2.1 (Latest)
nmea	NMEA-AIS-Radar, NMEA-Ankerposition, NMEA-Autopilot, NMEA-Kompass, NMEA-Diagramm, Instrument, NMEA-Ruder, NMEA-Wind	auf npm ab 3.1.0 (Latest)
openmeteo-notify	Open-Meteo Wetter, Open-Meteo Bildschirmschoner	auf npm ab 0.5.0 (Latest)
opensmartcity	Open Smart City Karte	auf npm ab 0.4.0 (Latest)
openweathermap	Wetter	auf npm ab 2.3.0 (Latest)
ping	Ping Device, Ping Overview	auf npm ab 3.2.0 (Latest)
plex	Plex - Aktivitäten, Plex - Läuft gerade, Plex - Wiedergabestatistik (Tautulli)	fertig, noch nicht im Adapter
scenes	Szenen-Button	auf npm ab 5.3.0 (Latest)
scheduler	Planer	auf npm ab 2.1.0 (Latest)
sonos	SONOS-Steuerzentrale, SONOS player, SONOS rooms	auf npm ab 4.6.0 (Latest)
teltonika	Teltonika-Geräte, Teltonika Person, Teltonika-Ports, Teltonika Anwesenheit	auf npm ab 1.3.0 (Latest)
tr-064	FRITZ!Box, Wi-Fi QR code, Mesh-Topologie, Person, Anwesenheit	auf npm ab 5.4.0 (Latest)
trashschedule	Müllabfuhr	fertig, PR #492 wartet auf den Maintainer klein0r
vofo-speedtest	Vofo-Speedtest	auf npm ab 3.0.1 (Latest)
wattcycle	WattCycle battery	auf npm ab 2.1.0 (Latest)
witmotion	Wit Motion	auf npm ab 2.2.0 (Latest)

Noch offen

Die generischen Widget-Sets (vis-2-widgets-material, -gauges, -energy, hqwidgets, metro, jqui-mfd) haben noch keine Web-Komponenten. Das ist möglich, aber noch nicht geplant.

Alle Komponenten

alarm

Alarm-Panel (<iob-alarm-panel>)

Modi, Zonen und Status einer Alarm-Instanz; eine kleine Kachel öffnet das ganze Panel

assistant

Assistent-Chat (<iob-assistant-chat>)

Mit dem Assistenten vom Dashboard aus sprechen: Frage tippen oder sagen, die Antworten live

Sprach-Satelliten (<iob-assistant-satellites>)

Die Sprach-Satelliten des Assistenten live - Status, Raum, zuletzt gesehen - mit Ansagen auf einem oder allen

cameras

RTSP Camera (<iob-cameras-rtsp>)

Livebild einer RTSP-Kamera

Snapshot Camera (<iob-cameras-snapshot>)

Regelmäßig aktualisiertes Standbild einer Kamera

dreame

Dreame-Roboter (<iob-dreame-robot>)

Status und Karte eines Dreame-Roboters mit Start, Pause, Stopp und Station; ein Klick zeigt alles größer

dwd

DWD-Warnung (<iob-dwd-warnings>)

Aktuelle Wetterwarnung des Deutschen Wetterdienstes

echarts

E-Charts (<iob-echarts-chart>)

Zeigt ein ECharts-Preset oder den Verlauf eines einzelnen Datenpunkts als interaktives Diagramm.

eventlist

Alarme (<iob-eventlist-alarms>)

Die anstehenden Alarme, die Ereignisse und das Alarmjournal - in einem kleinen Feld der schlimmste Alarm, ein Klick zeigt die Listen

Ereignisse (<iob-eventlist-events>)

Die Ereignisliste als Tabelle

Letztes Ereignis (<iob-eventlist-last-event>)

Das neueste Ereignis, ein Klick zeigt die ganze Liste

PDF (<iob-eventlist-pdf>)

Erzeugt die Ereignisliste als PDF-Datei und öffnet sie

flow

Fluss-Diagramm (<iob-flow-diagram>)

Animiertes Fluss-Diagramm für Energie, Wasser, Gas oder Wärme. Zeigt ein Diagramm, das im Tab „Fluss“ des Admins gezeichnet wird.

frigate

Frigate-Livebild (<iob-frigate-live>)

Live-MJPEG-Stream einer Frigate-Kamera über den Web-Adapter

Frigate-Standbild (<iob-frigate-snapshot>)

Regelmäßig aktualisiertes Standbild einer Frigate-Kamera

fullcalendar

Kalender (<iob-fullcalendar>)

Die geplanten Ereignisse einer Instanz von fullcalendar als Monat, Woche, Tag oder Liste; Ereignisse lassen sich anlegen, verschieben und bearbeiten

intercom

Telefon (<iob-intercom-phone>)

Telefon und Türsprechanlage über WebRTC; eine kleine Kachel öffnet das ganze Telefon

kisshome-defender

KISSHome (<iob-kisshome-defender>)

Schutzstatus, Statistiken zum Datenvolumen und Erkennungen von KISSHome-Defender

lgtv

TV steuern (<iob-lgtv-remote>)

Fernbedienung für den LG WebOS TV

music-assistant

Music-Assistant-Player (<iob-ma-player>)

Cover, Titel und Bedienung eines Music-Assistant-Players

nmea

NMEA-AIS-Radar (<iob-nmea-ais-radar>)

AIS-Ziele um das eigene Boot auf einer Seekarte, mit Spuren und COG-Vektoren

NMEA-Ankerposition (<iob-nmea-anchor-position>)

Anker, Boot, Schwojkreis und Spur auf einer Karte, mit dem Ankeralarm

NMEA-Autopilot (<iob-nmea-autopilot>)

Autopilot: Modus, gehaltener Kurs, Ruder und die Tasten zum Steuern

NMEA-Kompass (<iob-nmea-compass>)

Kompass mit Kurs über Grund, wahrer Windrichtung und Ruder

NMEA-Diagramm (<iob-nmea-history-chart>)

Live-Diagramm eines Wertes mit Minimum, Mittelwert und Maximum, gefüllt aus dem Verlauf

Instrument (<iob-nmea-instrument>)

Ein oder mehrere Werte wie auf einem Bordinstrument, einer nach dem anderen

NMEA-Ruder (<iob-nmea-rudder>)

Ruderlagenanzeiger, der kleine Winkel vergrößert

NMEA-Wind (<iob-nmea-wind>)

Windinstrument: scheinbarer und wahrer Wind, Kurs, COG, Strom und Drift, AWS, TWS, STW und SOG

openmeteo-notify

Open-Meteo Wetter (<iob-openmeteo-widget>)

Wetter-Widget, aus den Adapter-Einstellungen oder direkt hier eingestellt. Drei Darstellungen: einfach, detailliert oder als Diagramm. Größe, Icons und Inhalte sind einstellbar.

Einfach:

Detailliert:

Diagramm:

Open-Meteo Bildschirmschoner (<iob-openmeteo-wallpaper>)

Animierte Wetterszene, als Kachel oder Vollbild

opensmartcity

Open Smart City Karte (<iob-opensmartcity-map>)

Die Stationen einer OpenSmartCity-Instanz mit ihren aktuellen Werten auf einer OpenStreetMap-Karte

openweathermap

Wetter (<iob-openweathermap-weather>)

Aktuelles Wetter und die Vorhersage für bis zu sechs Tage von OpenWeatherMap

ping

Ping Device (<iob-ping-device>)

Zeigt, ob ein Gerät antwortet, mit seiner IP-Adresse und Antwortzeit

Ping Overview (<iob-ping-overview>)

Zeigt, wie viele Geräte antworten; alle Geräte in einem Dialog

plex

Plex - Aktivitäten (<iob-plex-activity>)

Die letzten Ereignisse des Plex-Servers - abgespielt, pausiert, gestoppt, neu in der Bibliothek - nach Tagen gruppiert; ein Klick zeigt die Details

Plex - Läuft gerade (<iob-plex-now-playing>)

Was gerade auf den Plex-Playern läuft: Cover, Titel, Benutzer, Fortschritt und Bedienung für steuerbare Player

Plex - Wiedergabestatistik (Tautulli) (<iob-plex-stats>)

Die Benutzer und Bibliotheken mit der meisten Wiedergabezeit in den letzten 24 Stunden, 7 Tagen, 30 Tagen oder insgesamt. Benötigt Tautulli und dessen Statistik in den Einstellungen der Instanz

scenes

Szenen-Button (<iob-scenes-scene>)

Szene per Klick aktivieren

scheduler

Planer (<iob-scheduler-profile>)

Zeigt und bearbeitet ein Profil des Planers: den Wert jedes Intervalls des Tages und die Wochentage

sonos

SONOS-Steuerzentrale (<iob-sonos-control>)

Alle Lautsprecher einer Instanz auf einen Blick; der gewählte mit Player, Gruppe und Mediathek (Favoriten, Wiedergabelisten, Warteschlange, Musikdienste)

SONOS player (<iob-sonos-player>)

Player eines SONOS-Lautsprechers

SONOS rooms (<iob-sonos-rooms>)

Übersicht und Gruppierung aller SONOS-Lautsprecher

teltonika

Teltonika-Geräte (<iob-teltonika-devices>)

Zeigt alle Teltonika-Geräte als Kacheln, mit Port-Zuständen und Mobilfunkstatus

Teltonika Person (<iob-teltonika-person>)

Eine Person der Anwesenheitserkennung: zu Hause oder abwesend, seit wann, letztes Kommen und Gehen, Verlauf per Klick

Teltonika-Ports (<iob-teltonika-ports>)

Frontblende eines Geräts: Link, Geschwindigkeit und Durchsatz je Port

Teltonika Anwesenheit (<iob-teltonika-presence>)

Die Personen der Anwesenheitserkennung: anwesend oder abwesend, wie lange, und wann sie kamen oder gingen

tr-064

FRITZ!Box (<iob-tr064-fritzbox>)

Zustand der FRITZ!Box, ein Klick zeigt die Mesh-Topologie

Wi-Fi QR code (<iob-tr064-guest-wlan>)

QR-Code des Gast-WLANs oder des eigenen WLANs (2,4 / 5 / 6 GHz) zum Verbinden mit der Handykamera: auf der Kachel, im Dialog nach einem Klick oder nach einer PIN

Mesh-Topologie (<iob-tr064-mesh>)

Mesh-Topologie der FRITZ!Box: Mesh Master, Repeater und die verbundenen Geräte

Person (<iob-tr064-person>)

Anwesenheit einer Person: zu Hause oder unterwegs, seit wann, zuletzt gekommen und gegangen, ein Klick zeigt das Kommen und Gehen

Anwesenheit (<iob-tr064-presence>)

Die Geräte des Reiters "Geräte" oder die Personen des Reiters "Personen" der Instanz: anwesend oder abwesend

trashschedule

Müllabfuhr (<iob-trashschedule-pickups>)

Zeigt die nächsten Müllabfuhren an

vofo-speedtest

Vofo-Speedtest (<iob-vofo-speedtest>)

Download, Upload und Ping des letzten Speedtests, mit einem Button zum Starten eines neuen Tests

wattcycle

WattCycle battery (<iob-wattcycle-battery>)

Ladezustand, Lade-/Entladestatus, Spannung, Strom, Leistung, Zustand und Zellen einer WattCycle-Batterie

witmotion

Wit Motion (<iob-witmotion-orientation>)

Neigung und Kompassrichtung eines WitMotion-Sensors

[beetle-fan]

Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?

[David G.]

Wo melden wenn ich mit in die Liste möchte?
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.

https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0

Npm ist auch veröffentlicht.

[OliverIO]

@beetle-fan sagte:

Ich oute mich mal als Unwissender: was sind Web-Komponenten? Im Vergleich zu Widgets?

Ein Standard wie man html +Funktionalität in andere Applikationen integrieren kann.
https://de.wikipedia.org/wiki/Web_Components

https://developer.mozilla.org/de/docs/Web/API/Web_components

Über diese Möglichkeit können nun andere Adapter ihre Widgets auch für Aura verfügbar machen.

Vis2 hat nun auch die Möglichkeit diese "Widgets" mit zu verwenden, wenn ich das richtig verstanden habe

[Bluefox]

@beetle-fan Ergänzend zu @OliverIO, der das richtig beschrieben hat, auch mit vis-2. Der Unterschied liegt darin, wo das Ding läuft:

• Ein Widget gehört zu einer bestimmten Visualisierung. Ein vis-2-Widget läuft nur in vis-2, und für jede andere Oberfläche muss es neu gebaut werden.
• Eine Web-Komponente muss nur einmal gebaut werden und läuft in jeder Oberfläche, die @iobroker/web-components unterstützt: Aura, vis-2, Geräte (devices) und Admin.

Für dich als Nutzer sieht sie aus wie ein normales Widget: Du fügst sie hinzu und stellst sie ein, die Einstellungen zeigt dir die jeweilige Oberfläche an. Sie kommt mit dem Adapter, du musst also nichts extra installieren.

[Bluefox]

@David-G. sagte:

Wo melden wenn ich mit in die Liste möchte?
Von openmeteo-notify die Widgets laufen sauber in aura und vis2.

https://github.com/ipod86/ioBroker.openmeteo-notify/releases/tag/v0.5.0

Npm ist auch veröffentlicht.

@david-g. Melden musst du dich nirgends, es gibt keine zentrale Stelle dafür. Die Liste hier im Thema ist nur eine Übersicht, entscheidend ist dein io-package.json. So kommt eine Web-Komponente in Aura und die anderen Oberflächen:

1. Der Adapter legt je Komponente zwei Dateien in seinen admin-Ordner, das Manifest (.json) und das Modul (.js).
2. Er trägt die Manifeste in common.webComponents ein, relativ zum admin-Ordner:
   "webComponents": ["webcomponents/my-tile.json"]
3. Nach der Installation findet die Oberfläche die Komponente selbst. In Aura steht sie im Dialog Neues Widget unter Weitere Widgets. Falls sie noch fehlt, die Seite neu laden.

Das alles hast du mit openmeteo-notify schon gemacht, es ist also nichts weiter nötig. Details stehen in der README von @iobroker/web-components: https://github.com/ioBroker/web-components

[David G.]

@Bluefox

Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.

[Bluefox]

@David-G. sagte:

@Bluefox

Ich meine wenn ich in die Liste dem ertsten Post mit möchte, wu die verfügbaren Widgets vorgestellt werden.
Oder läuft da ein Bot im hintergund der die Adapter sicht und das erstellt.

Gib mir die Bilder und ich werden Post ergänzen

[David G.]

Widget einfach

Widget detailiert

Widget Diegramm

Bildschirmschoner Animiert mit Live Wetter und Tageszeit

Alle konfigurierbar in größe, Icons, Inhalte usw.

[Bluefox]

@david-g. habe ergänzt

[beetle-fan]

@oliverio @bluefox Danke für die Erläuterung. Auswählbar in Aura sind die aber noch nicht, oder?

[Bluefox]

@beetle-fan Doch, die sind schon auswählbar. Ab Aura 0.106.0 erscheint jede Web-Komponente eines installierten Adapters im Dialog Neues Widget unter Weitere Widgets als eigenes Widget, mit Name, Icon und eigenen Einstellungen.

Voraussetzung ist, dass der jeweilige Adapter in einer Version mit Web-Komponenten installiert ist. Die gibt es bisher nur im Latest-Repository (Versionen siehe Liste im ersten Beitrag). Wenn die Komponente nach der Installation noch nicht auftaucht, Aura im Browser einfach neu laden.

Wie der Dialog die Komponenten künftig anbietet, stimmen wir gerade mit dem Aura-Entwickler ab. Das kann sich also noch ändern.

[beetle-fan]

Top, danke!