Vídeo novo

Sua casa em 3D no Home Assistant: NeonPlan 3D do zero (grátis)

⚠️ AVISO IMPORTANTE: o Marketplace nativo chega na versão 2026.11 do Home Assistant, com lançamento estável previsto para 4 de novembro de 2026. Gravei este vídeo na versão beta. Se o seu Home Assistant for 2026.10 ou mais antigo, ele ainda NÃO tem o Marketplace: instale o HACS pelo passo a passo oficial (https://www.hacs.xyz/docs/use/download/download/) e depois siga o vídeo normalmente; o capítulo de baixar o NeonPlan 3D funciona igual pelo HACS.

Ver com capítulos e códigos Inscrever-se2,5 mil

Publicado em 2 nov 2026 · Painéis e cartões

2,5 mil
inscritos no canal: 34
vídeos publicados: 4
códigos prontos para copiar: 2
artigos passo a passo

Painéis e cartões13 Automações2 Node-RED4 Energia e gastos2 Integrações5 Dispositivos1 Segurança e câmeras3 Assistentes de voz6 Minha casa3

Do canal

Vídeos recentes

Todos os vídeos →

Energia e gastos19 fev 2025

Monitore Seus Gastos no Home Assistant

Monitore e controle seus gastos do cartão de crédito diretamente no Home Assistant.

922

Painéis e cartões16 fev 2025

Cards Incríveis no Home Assistant: Stack-in-Card, Mushroom & Card-Mod

Personalize sua interface do Home Assistant com Mushroom Template Card e Mushroom Chips! 🚀

2,4 mil

Integrações13 fev 2025

Integre o Home Assistant com Google Sheets e Automatize Seus Registros! (Tutorial Passo a Passo) 🚀

Integre o Home Assistant ao Google Sheets e registre automaticamente logs, eventos e sensores!

730

Integrações2 fev 2025

Monitoramento de Preços de Combustíveis com Home Assistant | Componente Fuel Prices via HACS

Monitoramento automático de preços de combustíveis no Home Assistant com um componente personalizado! ⛽

1,5 mil

Painéis e cartões4 jun 2021

Card de notificações com condições e markdown no Home Assistant

Neste vídeo mostro como configurar notificações do meu projeto. Utilizando os cards markdown e conditional.

2,8 mil

Node-RED18 mai 2021

Node Red e o nó "http request" com o Home Assistant

Neste vídeo explico um puquinhgo de como funciona o nó "http request" mais o nó "html" para resgatar uma informação de um site através do método GET, como o próximo jogo do seu…

2,1 mil

Em 1 minuto

Shorts

Todos os shorts →

Short

Sua casa inteira em 3D no Home Assistant (grátis) 🏠

Short

Preço da gasolina na sua cidade, direto no Home Assistant ⛽

Short

Chegou reforço na segurança aqui! Vídeo 1080p, detecção de movimento e integração com HA (Wifi).

Short

Abrindo a janela com Home Assistant!

Short

Integração Home Assistant com Google Sheets

Short

💸 Rastreando gastos com Home Assistant + Node-RED! 🚀

Código da semana

Card de cômodo: Mushroom + Stack-in-Card + ícone de fundo

Nome, ícone que acende com a luz, chips de luz, porta e TV e um ícone grande ao fundo que brilha quando a luz está ligada.

Baixar .yaml

Como usar, passo a passo

Cartão · yaml 0 cópias

type: custom:stack-in-card
cards:
  - type: custom:mushroom-template-card
    primary: Sala
    icon: mdi:sofa
    entity: light.luz_sala
    tap_action:
      action: navigate
      navigation_path: /dashboard-ambientes/sala
    hold_action:
      action: toggle
    icon_color: "{{ 'amber' if is_state(entity, 'on') }}"
    fill_container: true
    layout: horizontal
  - type: custom:mushroom-chips-card
    alignment: end
    chips:
      - type: entity
        entity: light.luz_sala
        icon_color: yellow
        icon: mdi:lightbulb
        content_info: none
        tap_action:
          action: toggle
      - type: entity
        entity: binary_sensor.porta_sala_contact
        icon: mdi:door-closed
        icon_color: red
        content_info: none
      - type: entity
        entity: binary_sensor.tv_samsung
        content_info: none
        icon: mdi:television
        icon_color: blue
        tap_action:
          action: more-info
          entity: media_player.samsung_6_series_58
    card_mod:
      style: |
        .chip-container {
          display: flex;
          flex-wrap: wrap;
        }
        .chip-container > * {
          min-width: 32px; /* Aplica o min-width a todos os chips */
        }
        ha-card {
          --chip-box-shadow: none;
          --chip-background: none;
          --chip-spacing: 0;
          --chip-border-color: transparent;
          background-color: #222222;
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
          display: block;
        }
        :host {
          background-color: #222222;
          box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
          display: block;
        }
card_mod:
  style: |
    ha-card {
      position: relative;
      box-shadow: none;
      --ha-card-border-width: 0px;
      background: {{
        '#1c1c1c' if is_state('light.luz_sala', 'on') else '#1c1c1c'
      }};
    }
    ha-card::before {
      content: "";
      position: absolute;
      top: -12px;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('https://cdn.jsdelivr.net/gh/Templarian/MaterialDesign@master/svg/sofa.svg');
      background-repeat: no-repeat;
      background-position: right top;
      background-size: 40%;
      filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(500%) hue-rotate(314deg) brightness(96%) contrast(92%);
      opacity: {{
        '0.3' if is_state('light.luz_sala', 'on') else '0.05'
      }};
      z-index: 0;
    }