Adds better fan control to Bubble Card with speed-based styling, animation, and color control.
- Detects fan speed (off / low / medium / high)
- Changes styling based on current speed
- Adjusts icon spin speed per level
- Highlights the active sub-button
- Optional glow for the active state
- Supports an off icon
- Color options:
- Theme colors
- Color picker
- Custom CSS / RGBA
- Templates
- Open Home Assistant
- Go to Bubble Card → Modules
- Click Import from YAML
- Open:
fan_speed_visual_center.yaml - Copy/paste it into the editor
- Save
type: custom:bubble-card
card_type: button
entity: fan.your_fan
name: Fan
icon: mdi:fan
modules:
- fan_speed_visual_center