Home
Softono

Lovelace Navbar Card

Open source TypeScript
824
Stars
17
Forks
13
Issues
3
Watchers
3 months
Last Commit

 About Lovelace Navbar Card

Custom lovelace card that displays a bottom nav in mobile devices, and a side nav in desktop devices for easy navigation.

Platforms

Web Self-hosted

Languages

TypeScript

Need Help Installing Lovelace Navbar Card?

We provide expert installation service for this software. Our team will install, configure, and secure Lovelace Navbar Card on your server. plans start at just $30.

Lovelace Navbar Card

View on GitHub

Navbar Card

Buy me a beer Last commit Downloads Version HA Community forum

Navbar Card image

Meet navbar-card — a custom Lovelace card for Home Assistant designed to make navigating your dashboards effortless and elegant.

Inspired by Adaptive Mushroom and Google’s Material Design, navbar-card brings a clean, modern interface that adapts beautifully to any device — whether you're on a phone, tablet, or desktop.

It’s minimal, responsive, and easy to configure, making navigation more intuitive across your dashboards.

Why Navbar Card?

  • Unified navigation across all your dashboards
  • Responsive layout that automatically adapts to screen size
  • Customizable actions, icons, and styles
  • Simple setup and seamless integration with existing Lovelace views



🚀 Quick start

Ready to give it a try? Start with the installation guide, then jump into the quickstart to build your first navbar in minutes.

⚙️ Configuration

You can find all configuration options in the wiki.

📚 Showcase

Want inspiration? Visit our examples showcase to see what's possible with Navbar Card.

🍻 Support

If you enjoy using navbar-card, you can find ways to support the project here.