Animated Weather Icons

Share your Projects! Dashboards & Frontend
1

Hello!
I want to share my theme with animated icons for default Home Assistant weather forecast card.

All available icons you can see on this GIFs:


You can easily install my theme with HACS. Just follow instructions on GitHub.

Hope you will like it :slightly_smiling_face:

3 Likes
2

Thanks very much!
Makes this card so much nicer.

3

I think it would be cool to have also a version with the static icons.
My wall tablets fan produces a lot of noise as chrome uses 50% CPU with the animated icons.

4

Thank you for your report. I will try to fix this problem tomorrow.

5

Can you please update theme to v1.0.2b (it is beta version) and check CPU usage again?

6

Thanks, it’s better now. :+1:
CPU is around 10 - 15%

7

Updated to v1.2!

Changelog:

  • Theme was added to HACS :tada:
  • More smoother animation for some icons
  • New fog animation
  • New exceptional animation
8

New to HACS and this is my first customization that I am trying. It seems to work fine and looks great. I was wondering why my temperature forecast shows decimals. I currently have 54.1° and I would prefer it to show just 54°. I still have not figured out very much about home assistant but I am trying to learn. Thank you for the animated weather icons.

Sancho

9

Hello @Sancho2!
Glad you like the icons.
The values are returned by your weather provider. You need to check its plugin.

10

Nice but i wish there was a dark mode for this

1 Like