Animated Icons & Cards for Home Assistant – Easy Step-by-Step!

🎨 Animated Icons & Cards in Home Assistant 2025

Learn how to make your Home Assistant dashboard dynamic with animated icons and cards in the new Section Dashboards! No advanced coding needed—just follow this step-by-step guide.

✅ In This Video:
👉 Install Card-Mod via HACS for CSS animations
👉 Create animated badges: Home, Power, Fan, Mailbox, Motion Sensor
👉 Animate cards for lights, air conditioning, sprinklers, and scene buttons
👉 Use CSS clip-path for advanced effects
👉 Trigger animations based on sensors or switches

💡 Perfect for Mushroom cards or standard cards to give your dashboard a lively, professional look.

🔗 Resources & Links:
👉 Download my ready-to-use animation code: https://ko-fi.com/s/1b3f1d79ec
👉 Join the Discord to share your dashboards: https://discord.gg/at8v5hW

👍 Like, Subscribe & Hit the Bell for more Home Assistant tutorials!

Links referred to in this video:
👉 Install HACS: https://youtu.be/Q8Gj0LiklRE
👉 How To Cycle Through Scenes Like Hue Using a Button in Home Assistant: https://youtu.be/nBdDdC2jVUc
👉 Create your own Garden Watering System: https://youtu.be/e8mlJBce3uQ
👉 You've Got Mail in Home Assistant: https://youtu.be/-4KGdPh6ur0
👉 Material Design Icons site: https://materialdesignicons.com/
👉 CSS Clip Path Generator: https://www.cssportal.com/css-clip-path-generator/
👉 More examples of animated mushroom cards: https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590/3240

Blog version: https://www.smarthomejunkie.net/Animated-Icons-and-Cards-for-Home Assistant-Easy-Step-by-Step

👉 Get the desktop clock/message ticker that I use in the video: https://youtu.be/N0NKPJzGHuA

⭐⭐⭐
* Join this channel to get access to perks: 📺 https://www.youtube.com/c/smarthomejunkie/join
* Please consider becoming my patron 🏅 at https://www.patreon.com/join/smarthomejunkie
* Or please support me by buying me a ☕ at https://ko-fi.com/smarthomejunkie/
* Or sponsor me through PayPal at https://paypal.me/smarthomejunkie
⭐⭐⭐

⭐ If you want me to create a review of your product, please visit this page for information and rates: https://www.smarthomejunkie.net/review-and-advertisement-information/ ⭐

My Devices: https://github.com/smarthomejunkie/MyDevices

Instagram: https://www.instagram.com/smarthomejunkie/
X: https://www.x.com/smarth0mejunkie
Mastodon: https://mastodon.world/@smarthomejunkie
Facebook: https://www.facebook.com/smarthomejunkie/
TikTok: https://www.tiktok.com/@smarthomejunkie
Discord: https://discord.gg/at8v5hW

Music by:
* 2TECH-AUDIO: https://2tech-audio.bandcamp.com/

00:00:00 Introduction
00:01:00 Install Card-Mod
00:01:43 Animated card examples
00:01:58 Animated badges explained
00:07:53 Animated tile cards explained

#HomeAssistant #SmartHome #Dashboard #AnimatedIcons #HomeAutomation #HACS