UI Gallery

UI Gallery

The UI Gallery is the browseable visual index for reusable Humidity Intelligence dashboard examples.

Use it to compare mobile, tablet, wall-panel, and legacy-compatible card layouts before choosing which generated dashboard style to export or adapt.

Source Of Truth

The repository remains the canonical source for dashboard YAML, preview assets, contribution rules, generated-card compatibility, and review history:

• Gallery source
• Generated card templates
• Contributing UI Gallery examples

This Wiki page is a visual navigation layer. It must not define new entity semantics, backend behavior, lane priority, generated-card logic, diagnostics, migration requirements, or release state.

For a real Home Assistant install, prefer cards exported by humidity_intelligence.dump_cards so placeholders match your generated entities.

Default V2 Mobile AQ

• Style: mobile-first V2 control surface with air-quality lane active state
• Optimised for: phones and narrow dashboard panels
• Source template: ui/cards/v2_mobile.yaml
• Required custom cards: card-mod, button-card, mod-card, apexcharts-card
• Canonical files: example notes, card YAML

Default V2 Tablet Zone 2

• Style: tablet-friendly V2 control surface with Zone 2 active state
• Optimised for: tablets, wall panels, and wider dashboard views
• Source template: ui/cards/v2_tablet.yaml
• Required custom cards: card-mod, button-card, mod-card, apexcharts-card
• Canonical files: example notes, card YAML

Default V1 Mobile

• Style: legacy-compatible mobile layout with comfort band and humidity constellation
• Optimised for: phones and users keeping a V1-style dashboard presentation
• Source template: ui/cards/v1_mobile.yaml
• Required custom cards: card-mod, button-card, mod-card, apexcharts-card
• Canonical files: example notes, card YAML

Submitting Gallery Examples

Submit new examples through repository pull requests, not direct Wiki edits.

Every accepted example should include:

• ui-gallery/<card-id>/README.md
• ui-gallery/<card-id>/card.yaml or dashboard.yaml
• ui-gallery/<card-id>/preview.png

Gallery examples must preserve backend truth, use canonical HI entities or sanitized placeholders, document required frontend cards, and exclude private entity IDs, addresses, device IDs, tokens, internal URLs, and personal data.

---

Previous: Generated Dashboards | Next: Services Reference