Installation Guide

There are several ways to install the Navbar Card. Choose the method that works best for you.

Option 1: Install via HACS (Recommended)

The easiest way to install and keep the Navbar Card updated is through HACS (Home Assistant Community Store).

Using My Home Assistant

Click the button below to automatically add the repository to HACS:

Manual HACS Installation

1. Open HACS in your Home Assistant instance
2. Go to the Frontend section
3. Click the ⋮ menu in the top right
4. Select Custom repositories
5. Add the repository:
   • URL: https://github.com/joseluis9595/lovelace-navbar-card
   • Category: Lovelace
6. Click Add
7. Search for "Navbar Card" in HACS
8. Click Download
9. Restart Home Assistant

Automatic Updates

When installed through HACS, you'll automatically get notified when updates are available!

---

Option 2: Manual Installation

If you prefer to install the card manually or don't use HACS, follow these steps:

1. Download the latest release:

   • Go to the latest release page
   • Download navbar-card.js

2. Copy to Home Assistant:

   • Move the downloaded file to your Home Assistant configuration directory:

     <config>/www/

   • If the www folder doesn't exist, create it first

3. Add the resource:

   • Go to Settings → Dashboards
   • Click ⋮ (three dots menu) in the top right
   • Select Resources
   • Click the + Add Resource button
   • Enter:
     • URL: /local/navbar-card.js
     • Resource type: JavaScript Module
   • Click Create

4. Restart Home Assistant Frontend:

   • Refresh your browser cache
   • If issues persist, restart Home Assistant