{"id":24538388,"url":"https://github.com/fastender/fast-navigation-card","last_synced_at":"2025-10-24T05:23:23.950Z","repository":{"id":273580652,"uuid":"920190708","full_name":"fastender/Fast-Navigation-Card","owner":"fastender","description":"A custom card for Home Assistant that provides a flexible navigation bar that can be positioned at the top, bottom or as a sidebar.","archived":false,"fork":false,"pushed_at":"2025-01-21T18:58:34.000Z","size":57,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T19:23:39.241Z","etag":null,"topics":["hacs-plugin","hassio","home-assistant","homeassistant","lovelace-custom-card","lovelace-ui","navigation"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fastender.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-21T18:08:41.000Z","updated_at":"2025-01-21T18:58:03.000Z","dependencies_parsed_at":"2025-01-21T19:23:42.083Z","dependency_job_id":"a455833d-e4b9-48b5-8781-91f12b8cca74","html_url":"https://github.com/fastender/Fast-Navigation-Card","commit_stats":null,"previous_names":["fastender/fast-navigation-card"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FFast-Navigation-Card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FFast-Navigation-Card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FFast-Navigation-Card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FFast-Navigation-Card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fastender","download_url":"https://codeload.github.com/fastender/Fast-Navigation-Card/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243814979,"owners_count":20352077,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacs-plugin","hassio","home-assistant","homeassistant","lovelace-custom-card","lovelace-ui","navigation"],"created_at":"2025-01-22T15:13:14.574Z","updated_at":"2025-10-24T05:23:23.866Z","avatar_url":"https://github.com/fastender.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fast Navigation Card\n\nA custom card for Home Assistant that provides a flexible navigation bar that can be positioned at the top, bottom or as a sidebar.\n\n## Important Note\nThis card is specifically designed for dashboards that have a maximum width of one section. It will not align correctly with dashboards that use multiple sections in their layout.\n\n## Features\n\n- Three positioning options: top, bottom, and sidebar\n- Three background styles: solid, blur, and transparent\n- Responsive design\n- Automatic alignment with main content\n- Supports grid layout for navigation buttons\n- Perfect for single-section dashboard layouts\n\n## Installation\n\n### HACS (Custom Repository)\n1. In HACS, click on \"Frontend\" section\n2. Click the menu icon in the upper right and select \"Custom repositories\"\n3. Add this repository URL: [https://github.com/fastender/Fast-Navigation-Card]\n4. Select \"Lovelace\" as category\n5. Click \"Install\"\n\n### Manual Installation\n1. Download `fast-navigation-card.js`\n2. Copy it to your `www` folder\n3. Add it as a resource in your Lovelace configuration:\n```yaml\nresources:\n  - url: /local/fast-navigation-card.js\n    type: module\n```\n\n## Usage\n\n```yaml\n# Basic usage with default settings\ntype: custom:fast-navigation-card\nposition: top  # Options: 'top', 'bottom', 'sidebar'\ncard:\n  type: grid\n  # ... your grid configuration\n\n# Usage with background style\ntype: custom:fast-navigation-card\nposition: bottom\nbackground_style: blur  # Options: 'solid', 'blur', 'transparent'\ncard:\n  type: grid\n  # ... your grid configuration\n```\n\n## Options\n\n| Name | Type | Default | Description |\n|------|------|---------|-------------|\n| position | string | 'top' | Position of the navigation bar. Options: 'top', 'bottom', 'sidebar' |\n| background_style | string | 'solid' | Style of the background. Options: 'solid', 'blur', 'transparent' |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastender%2Ffast-navigation-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastender%2Ffast-navigation-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastender%2Ffast-navigation-card/lists"}