SkillAgentSearch skills...

Ring Tile Card

A Home Assistant card to visualise your sensor data

Install / Use

npx skills add neponn/ring-tile-card

Installs into whichever agent you are using.

README

Ring Tile Card

GitHub Release GitHub Downloads hacs_badge

It's a Home Assistant tile card! With a ring!

A card based on the fabulous inbuilt tile card to visualise your sensor data. Use ring-tile cards to bring your sensor tile cards to life. Gain insights from your home's data at a glance.

<img src="https://github.com/neponn/ring-tile-card/blob/main/docs/img/basic.png?raw=true" width="500">

You can make the ring the star of the show for new, bigger tiles. Here's a cluster of weather sensors.

<img src="https://github.com/neponn/ring-tile-card/blob/main/docs/img/weather.png?raw=true" width="500">

Or a cluster of sensors to monitor a server.

<img src="https://github.com/neponn/ring-tile-card/blob/main/docs/img/server.png?raw=true" width="500">

Or you can go really big to make whole new dashboards - good for wall displays. ring-tile looks great in dark mode too!

wall display

Using ring-tile card

ring-tile card has been designed for ease of use: it requires minimal configuration to get a great looking result. You can use it as a drop-in replacement for the inbuilt tile card (Note! at the moment, ring-tile card only works properly with sensor entities. Not all native tile card options are supported).

Documentation

Read how to install and use ring-tile card:

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.

Videos

Smart-Live has an excellent YouTube video, providing a walkthrough of how to use and configure ring-tile card (German).

Discussion

If you need help or would like to discuss ring-tile card, reach out on the Home Assistant community forum. I would love to know how you are using ring-tile card - share a few screen shots and YAML config!

Support

If something is broken or you have an idea about how to make ring-tile card better, create a bug report or feature request issue. Even better, fork and create a pull request!

<a href="https://www.buymeacoffee.com/neponn" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-blue.png" alt="Buy Me A Coffee" height="41" width="174"></a>

Related Skills

View on GitHub
GitHub Stars108
CategoryDevelopment
Updated3d ago
Forks2

Languages

JavaScript

Security Score

100/100

Audited on Aug 5, 2026

No findings