Works with Lovelace YAML configurations, native layout cards, and mobile-first responsive patterns.

Home Assistant Dashboard Layouts

Create responsive Home Assistant Lovelace dashboards using native layout types.

When to Use This Skill

Use this skill when you need to:

• Arrange cards vertically (top-to-bottom stacking) for sequential information
• Place cards side-by-side horizontally for comparisons or related controls
• Create multi-column grid layouts that automatically reflow on mobile
• Build full-screen panel views for maps, cameras, or single-focus displays
• Nest layouts for complex dashboard designs with sections
• Make dashboards responsive with automatic mobile stacking

Do NOT use when:

• You need conditional card visibility (use ha-conditional-cards instead)
• Building forms or input interfaces (use entities card or custom forms)
• You need advanced CSS Grid features (consider layout-card from HACS)