Custom Button Card 7: PWM Fan Controller Button

Опубликовано: 25 Март 2026
на канале: 3ATIVE VFX
7,433
193

In this Custom Button Card coding tutorial, we will create a custom button for the PWM Fan Controller project. I will demonstrate how to use the 'name: parameter' to test CSS code. Follow along as we build a full-fledged Custom Button Card step by step that has all the controls in one place.

🎬 Part 1: Building the Circuit Board:    • Home Assistant 4-Wire PWM Fan Controller P...  
🎬 Part 2: ESPHome Flash and Code Breakdown:    • Home Assistant 4-Wire PWM Fan Controller P...  

🎁ESPHome Code:
https://github.com/3ative/button-card...

💖 I hope you like this Home Assistant setup guide for your smart home 💖

🎬 THE LINKS - Files / Help / Support:
🛒 Other files & Merch: https://store.3ative.com
💎 3ATIVE DISCORD:   / discord  
☕ Buy me a Coffee: https://www.buymeacoffee.com/3ative
💕 PATREON:   / 3ative  
💯 Get the Gadgets, Devices and Tools I use: Amazon UK: https://amzn.to/3uRw8fi
As an Amazon Associate I earn from qualifying purchases. Using this link ⇈ provides small monetary support for my channel at no extra cost to you.💖

Chapters:
00:00 Intro
00:12 1 - Bench Demo
01:45 2.1 - Name Coding
09:42 2.2 - Icon Animation
14:54 2.3 - Click for Slider
16:09 2.4 - Flashy-Flashy Alarm
21:14 3 - Adding a new Button
21:53 Outro
#homeassistant #tutorial #CustomButtonCard

~-~~-~~~-~~-~
Please watch: "ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-State Multiplexing Trick (Charlieplexing)"
   • ESP32 LED Magic: 3 Pins, 6 LEDs, 1 Tri-Sta...  
~-~~-~~~-~~-~