Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

NotificationsYou must be signed in to change notification settings

joseluis9595/lovelace-navbar-card

Repository files navigation

Buy me a beerLast commitDownloadsVersionHA Community forum

Navbar Card image

Meetnavbar-card — a customLovelace card forHome Assistant designed to make navigating your dashboards effortless and elegant.

Inspired byAdaptive Mushroom andGoogle’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 theinstallation guide, then jump into thequickstart to build your first navbar in minutes.

⚙️ Configuration

You can find all configuration optionsin the wiki.

📚 Showcase

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

🍻 Support

If you enjoy usingnavbar-card, you can find ways to support the projecthere.

About

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

Topics

Resources

Contributing

Stars

Watchers

Forks

Sponsor this project

  •  

[8]ページ先頭

©2009-2025 Movatter.jp