Ring Tile Card: visualise your sensor data

Hi there,

I thought it was time to share a project I’ve been working on for a while. I love Home Assistant’s tile card - they have made it easy to quickly build great looking dashboards. But I’ve always felt that sensor tiles needed something more. So I built ring-tile card, based on Home Assistant’s tile card.

You can use ring-tile to bring your sensor tile cards to life.

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

Or a cluster of sensors to monitor a server.

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

I’m super excited to know what you think and how you make use of ring-tile cards!

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

Full documentation:

PS: frontend development is new to me, and definitely a very part-time side-hustle. So apologies in advance if things break and / or I am slow to respond.

11 Likes

Brilliant. Tried to make something like this with trickery. This is some much better! No I need to tweet all my dashboards again :wink:

One little snafu. Sometimes when in editing mode the card does not open in edit mode because pencil doesn’t show sand you have to reload the page.

It would be great if you could also show the value of an unrelated entity.

Keep it up!

1 Like

Hey that’s great - so pleased to hear you like them!

I’ve noticed the same snafu - I will have to investigate. I must admit I had thought the problem affected all cards, not just ring-tile, but I will take a closer look.

On the unrelated entity, it might be that this is already covered, depending on what you have in mind. You can use a combination of entity, which affects the info area and ring_entity, which affects the rendering of the ring. These can be two entirely separate entities.

Here is an example in which I wanted to represent the Wi-Fi signal strength of an ESPHome irrigation controller with the ring, but show the name of the connected Wi-Fi access point in the info area:

type: custom:ring-tile
ring_entity: sensor.irrigation_signal_strength
entity: sensor.irrigation_ssid
name: Wi-Fi connection

There’s another example in the docs.

Lastly, if you want to show entity state as a number in the ring, you can choose between showing the value (which maps to entity) and ring_value (which maps to ring_entity). More info.

Let me know if you are trying to achieve something else.

Coming back to this:

One little snafu. Sometimes when in editing mode the card does not open in edit mode because pencil doesn’t show sand you have to reload the page.

It would appear this is a recent bug with the Home Assistant GUI editor (perhaps since 2025.5.2).

I am seeing this issue with all cards, not just ring-tile card.