[Card] Multi Air Conditioner Card – Smart AC control with automation & modern UI

:snowflake: Multi Air Conditioner Card

Not just a UI — a complete multi-room HVAC control system for Home Assistant

Meet Multi Air Conditioner Card — a next-generation Lovelace card designed to behave like a real-world HVAC system, not just a dashboard widget.

Built from the ground up with performance, UX, and real automation logic in mind.


:house: True Multi-Room Architecture (Not Just Tabs)

Control up to 8 rooms simultaneously, each fully independent:

• Temperature & humidity
• Power consumption
• HVAC modes & fan/swing logic
• Timers & runtime state

This card doesn’t just display rooms — it thinks per room.


:high_voltage: 3 Interfaces in 1 Card — Fully Synced

Switch instantly between 3 modes depending on your use case:

Full Mode → Rich UI, full monitoring & control
Lite Mode → Clean, faster interaction
Super Lite → Ultra-minimal, mobile-first

All modes share the same state & logic → no desync, no reload needed


:bullseye: Smart Behavior That Feels “Alive”

Designed to behave like a real system, not a static UI:

• Remembers last active room (even after reload)
• Restores previous HVAC state automatically
• Skips offline/unavailable devices intelligently
• Auto-recovers instantly when devices come back online
• “Turn All Off” only affects available devices


:satellite_antenna: Real-Time Monitoring & Fault Handling

• Visual OFFLINE detection across all UI modes
• Disabled controls when device is unavailable
• Instant recovery without reload
• Consistent behavior across Full / Lite / Super Lite


:snowflake: Advanced HVAC Control

Per-room full control:

• Cool / Heat / Dry / Fan modes
• Temperature adjustment
• Fan speed cycling (Auto → High)
• Swing / airflow direction (auto-detect supported modes)

Includes animated feedback system with particle effects per HVAC mode.


:thermometer: Real Environment Integration

Each room supports:

• Temperature sensor override
• Humidity sensor
• Power consumption tracking

Plus global sensors:

• Outdoor temperature
• Humidity
• PM2.5 (air quality)


:stopwatch: Persistent Timer System (Not Just UI)

• Schedule ON/OFF with minute precision
• Independent timers per room
• Countdown display in real-time
• Survives reload (stored in localStorage)


:artist_palette: Advanced UI/UX Engineering

• Auto-scale layout (mobile & desktop perfect)
• Gradient themes + custom color system
• Animated temperature dial with dual-layer logic
• Smooth transitions & interaction feedback
• Super Lite popup effects (Normal / Effect / Wave)


:globe_with_meridians: Multi-language Support (11 languages)

:vietnam: Tiếng Việt / :united_kingdom: English / :germany: Deutsch / :france: Français / :netherlands: Nederlands
:poland: Polski / :sweden: Svenska / :hungary: Magyar / :czechia: Čeština / :italy: Italiano / :portugal: Português

:check_mark: Real country flags in selector
:check_mark: Fully localized UI


:gear: Deep Customization

• Colors, gradients, themes
• Toggle any UI element on/off
• Flexible layout per mode
• Works with any climate entity
• No dependencies — fully standalone


:rocket: Installation

HACS (Recommended)

  1. Add custom repository:
    GitHub - doanlong1412/Multi-Air-Conditioner-Card · GitHub
  2. Install via HACS → Frontend
  3. Reload browser

Manual

url: /local/multi-air-conditioner-card.js
type: module
⚙️ Basic Usage
type: custom:multi-air-conditioner-card
entities:
  - climate.living_room
  - climate.bedroom
📸 Preview

🎬 Demo:
https://github.com/doanlong1412/Multi-Air-Conditioner-Card/blob/3ea69a0e89b393b2383f337a477b627a970a8f8a/assets/preview.gif

🖼️ Screenshot:
https://github.com/doanlong1412/Multi-Air-Conditioner-Card/blob/3ea69a0e89b393b2383f337a477b627a970a8f8a/assets/preview.png

🔗 GitHub

https://github.com/doanlong1412/Multi-Air-Conditioner-Card

⭐ Support

If you find this useful, please give it a star on GitHub — it helps the project grow.

❤️ Future Development

More advanced features are coming:

• Smarter automation logic
• Better central AC support
• Performance optimizations
• More UI modes

Feedback, ideas, and issues are always welcome!
1 Like

Why is it so common in the last times to share UIs, cards and projects without showing any pictures and Screenshots here? If I would be able to create those and want to promote or proudly share my work here, the first thing I would do is to show how it look like.

3 Likes