Welcome to the HTML Views for Home Assistant repository!
This project provides a collection of lightweight, standalone HTML views and corresponding JSON configuration files designed to embed seamlessly into web browsers on smart remote devices.
By keeping UI layouts rendered via HTML/JSON served directly from your Home Assistant local web server (/config/www/), you get fast, smooth updates without heavy dashboard overhead.
| File / View | Type | Category | Description |
|---|---|---|---|
clock.html |
View | Clock | Analog flip clock |
clock-face.html |
View | Clock | Clock face |
cal-flip.html |
View | Date | Flip style Day / Month |
clock-flip.html |
View | Date | Flip style clock hh:mm 12/24 |
clock-flip-secs.html |
View | Date | Flip style clock hh:mm:ss 12/24 |
weather.html |
View | Weather | Daily weather forecast |
alarms.html |
View | Alarms | Alarm panel showing upcoming alarms. |
shopping.html |
View | TODO | Large view shopping list |
bing.html |
View | Screensaver | Bing's screensaver shows entire archive from 2019 to date |
switch.html |
Interactive | Switch | 6 switch interface . Allow configuration of switch name and icon |
- Connect to your Home Assistant server using Samba Share, SSH/SFTP, or the File Editor add-on.
- Navigate to your
/config/www/directory (if thewwwfolder doesn't exist inside/config/, create it). - Copy html and respective json file to www or subfolder.
- If HTML card requires access to Home Assistant create long lived token. Save to token.txt. Copy file to same location as HTML. Once HTML loads file can be deleted.
- edit *__config.json file to add required data.
- Use Webpage card or web browser to view http://(ip of home assisistant):8123/local/clock.html