{"id":34550511,"url":"https://github.com/bangertech/prism-dashboard","last_synced_at":"2026-03-05T12:01:27.170Z","repository":{"id":330459630,"uuid":"1121612308","full_name":"BangerTech/Prism-Dashboard","owner":"BangerTech","description":"A modern, glassmorphism-inspired dashboard for Home Assistant. ","archived":false,"fork":false,"pushed_at":"2026-01-30T18:44:23.000Z","size":33999,"stargazers_count":161,"open_issues_count":1,"forks_count":6,"subscribers_count":5,"default_branch":"main","last_synced_at":"2026-01-31T10:47:42.058Z","etag":null,"topics":["custom-card","dashboard","hacs","hacs-custom","home-assistant","homeassistant","homeassistant-custom-component","lovelace","smart-home"],"latest_commit_sha":null,"homepage":"https://bangertech.de","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BangerTech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"custom":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=FD26FHKRWS3US"]}},"created_at":"2025-12-23T09:10:42.000Z","updated_at":"2026-01-30T18:44:27.000Z","dependencies_parsed_at":"2025-12-27T03:02:37.607Z","dependency_job_id":null,"html_url":"https://github.com/BangerTech/Prism-Dashboard","commit_stats":null,"previous_names":["bangertech/prism-dashboard"],"tags_count":85,"template":false,"template_full_name":null,"purl":"pkg:github/BangerTech/Prism-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BangerTech%2FPrism-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BangerTech%2FPrism-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BangerTech%2FPrism-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BangerTech%2FPrism-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BangerTech","download_url":"https://codeload.github.com/BangerTech/Prism-Dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BangerTech%2FPrism-Dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30123727,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T11:11:57.947Z","status":"ssl_error","status_checked_at":"2026-03-05T11:11:29.001Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["custom-card","dashboard","hacs","hacs-custom","home-assistant","homeassistant","homeassistant-custom-component","lovelace","smart-home"],"created_at":"2025-12-24T07:59:03.604Z","updated_at":"2026-03-05T12:01:27.164Z","avatar_url":"https://github.com/BangerTech.png","language":"JavaScript","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=FD26FHKRWS3US","https://pics.paypal.com/00/s/N2EwMzk4NzUtOTQ4Yy00Yjc4LWIwYmUtMTA3MWExNWIzYzMz/file.PNG"],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/BangerTech/Prism-Dashboard/main/custom-components/images/prism-logo.png\" alt=\"Prism\" width=\"130\"\u003e\u003cbr\u003e\n  PRISM Dashboard\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  A modern, glassmorphism-inspired dashboard and custom-cards for Home Assistant.\n\u003c/p\u003e\n\n---\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003eDashboard Configuration\u003c/strong\u003e\u003cbr\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/6048858f-4ba0-40a8-95b8-7787cde1d8ab\" alt=\"Prism Dashboard - Dashboard Configuration\" width=\"85%\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003eCustom Cards\u003c/strong\u003e\u003cbr\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/BangerTech/Prism-Dashboard/main/custom-components/images/prism-dashboard-new2.png\" alt=\"Prism Dashboard - Custom Cards\" width=\"85%\"\u003e\n\u003c/p\u003e\n\n---\n\n### Table of Contents\n\n- [What is Prism?](#what-is-prism)\n- [Features](#features)\n- [Requirements](#requirements)\n- [Installation](#installation)\n  - [Option 1: Installation via HACS](#option-1-installation-via-hacs-recommended)\n  - [Option 2: Manual Installation](#option-2-manual-installation)\n  - [2. Create Dashboard](#2-create-dashboard)\n  - [3. Register Custom Cards](#3-register-custom-cards-manual-installation-only)\n- [Project Structure](#project-structure)\n- [Available Custom Cards](#available-custom-cards)\n- [Dashboard Configuration](#dashboard-configuration)\n- [Support / Feedback](#support--feedback)\n- [Development](#development)\n- [Contributing](#contributing)\n- [Sponsorship](#sponsorship)\n- [Keywords](#keywords)\n\n---\n\n## What is Prism?\n\nPrism is a modern, responsive Home Assistant dashboard with a glassmorphism design.  \nIt combines semi-transparent \"frosted glass\" surfaces with neumorphism elements for haptic feedback and uses smart YAML anchors to keep the code lean, consistent, and easy to maintain.\n\nPrism is optimized for wall tablets and smartphones and is ideal as a central smart home hub for everyday use.\n\n\u003e **📝 Note:** The dashboard configuration (YAML) was completely hand-written by me.  \n\u003e The custom JavaScript cards were developed with AI assistance (Cursor AI).\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=FD26FHKRWS3US\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cimg src=\"https://pics.paypal.com/00/s/N2EwMzk4NzUtOTQ4Yy00Yjc4LWIwYmUtMTA3MWExNWIzYzMz/file.PNG\" alt=\"SUPPORT PRISM\" height=\"51\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n## Features\n\n- **💎 Glassmorphism UI**  \n  Semi-transparent \"Frosted Glass\" cards with blur effects for a modern, premium look.\n\n- **👆 Haptic Feedback (Neumorphism)**  \n  Active buttons appear \"pressed\" and provide visual feedback on interactions.\n\n- **🧭 Smart Navigation**  \n  Animated navigation bar that automatically highlights the current room or active view.\n\n- **🌈 Status Glow**  \n  Icons glow in appropriate colors depending on state (e.g., green for security, orange for heating).\n\n- **📱 Responsive Grid**  \n  Layout seamlessly adapts to different devices (tablet on the wall, smartphone in hand).\n\n- **🖨️ Advanced 3D Printer Support**  \n  Full-featured cards for Bambu Lab, Creality, and generic Klipper/Moonraker printers with:\n  - AMS/CFS filament system visualization\n  - 3D model preview (cover image)\n  - Multi-printer camera view\n  - Real-time temperature, progress, layer info\n  - Pause/Resume/Stop controls\n\n- **🧹 Clean Code with YAML Anchors**  \n  Uses YAML anchors (`\u0026` and `*`) to avoid repetition and keep global style changes centralized.\n\n---\n\n## Requirements\n\nFor this dashboard to work, the following frontend integrations must be installed via **HACS (Home Assistant Community Store)**:\n\n- **Mushroom Cards**  \n  Base for almost all cards in the dashboard.\n\n- **card-mod**  \n  Essential for CSS and glassmorphism styling.\n\n- **layout-card**  \n  Enables the responsive grid layout (sidebar + main area).\n\n- **kiosk-mode**  \n  Hides Home Assistant header and sidebar for a clean fullscreen look.\n\n- **mini-graph-card**  \n  Required for the temperature graph in the sidebar (`prism-sidebar` and `prism-sidebar-light`). The sidebar uses mini-graph-card to display accurate temperature history graphs matching Home Assistant's native graph style.\n\n- **browser_mod**  \n  Important for popups (e.g., calendar, vacuum control).\n\n---\n\n## Installation\n\n### Option 1: Installation via HACS (Recommended)\n\n[![Open your Home Assistant instance and open a repository inside the Home Assistant Community Store.](https://my.home-assistant.io/badges/hacs_repository.svg)](https://my.home-assistant.io/redirect/hacs_repository/?owner=BangerTech\u0026repository=Prism-Dashboard\u0026category=dashboard)\n\n1. Make sure [HACS](https://hacs.xyz) is installed.\n2. Go to **HACS → Frontend** (three-dot menu top right) → **Custom Repositories**\n3. Add this repository:\n   - **Repository:** `https://github.com/BangerTech/Prism-Dashboard`\n   - **Type:** `Dashboard`\n4. Search for \"Prism Dashboard\" and click **\"Download\"**\n5. Restart Home Assistant\n\n\u003e **✨ That's it!** HACS automatically registers the resource. All 29 custom cards (dark + light themes) are included in this single file and will receive automatic cache updates via HACS.\n\n### Option 2: Manual Installation\n\n1. Download or clone this repository.  \n2. Copy the contents of the `www` folder to your Home Assistant configuration folder under  \n   `/config/www/`.  \n3. The background image should then be accessible at  \n   `/local/background/background.png`.  \n4. **Note:** Restart Home Assistant if the `www` folder was newly created or newly added.\n\n### 2. Create Dashboard\n\n1. Navigate to **Settings → Dashboards** in Home Assistant.  \n2. Click **\"Add Dashboard\"** → Select **\"New Dashboard from Scratch\"**.  \n3. Make the following settings:\n   - **Title:** `Prism` (or a title of your choice)\n   - **View Type:** `Grid (layout-card)` (if available, otherwise define it later in the code)\n\n\u003e **Note:** For dashboard configuration and adjustments, see [Dashboard Configuration](#dashboard-configuration) and [Dashboard README](dashboard/README.md).\n\n### 3. Register Custom Cards (Manual Installation Only)\n\nIf you chose Option 2 (manual installation), the custom cards must be registered manually:\n\n1. Navigate to **Settings → Dashboards** in Home Assistant.  \n2. Click **\"Resources\"** (top right).  \n3. Click **\"Add Resource\"**.  \n4. Add the bundled resource:\n   - **URL:** `/local/custom-components/prism-dashboard.js`  \n   - **Type:** `JavaScript Module`\n5. Restart Home Assistant so the custom cards are loaded.\n\n\u003e **✨ All 29 cards are included!** The bundled file contains all dark and light theme cards.\n\n---\n\n## Project Structure\n\n```\nPrism-Dashboard/\n├── custom-components/          # JavaScript Custom Cards (prism-heat.js, prism-button.js, etc.)\n│   ├── images/                  # Images for Custom Cards\n│   └── README.md                # Custom Cards Documentation\n├── dashboard/                   # Dashboard Configuration\n│   ├── prism-dashboard.yml      # Main Dashboard Configuration\n│   ├── components/              # Reusable YAML Components\n│   │   ├── custom-card.yml      # Template for Standard Cards\n│   │   ├── navigation-bar.yml   # Navigation Bar\n│   │   └── sidebar.yml          # Sidebar Component\n│   └── README.md                # Dashboard Components Documentation\n├── www/                         # Static Files for Home Assistant\n│   ├── background/               # Background Images\n│   └── custom-components/        # Compiled Custom Cards\n└── README.md                    # This File\n```\n\n\u003e **Note:** The dashboard components in the `dashboard/components/` folder are reusable YAML templates. See [Dashboard README](dashboard/README.md) for details on usage.\n\n---\n\n## Available Custom Cards\n\nPrism Dashboard includes **29+ custom cards** (including dark and light theme variants):\n\n### Room \u0026 Navigation\n- **prism-room** – Compact room overview with grouped entities and popup\n- **prism-navigation** – Floating navigation bar for dashboard views\n- **prism-spacer** – Invisible placeholder for layout spacing\n\n### Climate Control\n- **prism-heat** / **prism-heat-light** – Circular thermostat knob with drag control\n- **prism-heat-small** / **prism-heat-small-light** – Compact heating card\n\n### Lights\n- **prism-button** / **prism-button-light** – Entity button with brightness slider\n- **prism-led** / **prism-led-light** – RGB light with color wheel and temperature control\n\n### Covers \u0026 Shutters\n- **prism-shutter** / **prism-shutter-light** – Horizontal shutter card\n- **prism-shutter-vertical** / **prism-shutter-vertical-light** – Vertical shutter card\n\n### Media \u0026 Calendar\n- **prism-media** / **prism-media-light** – Media player card\n- **prism-calendar** / **prism-calendar-light** – Calendar events card\n\n### Cleaning\n- **prism-vacuum** / **prism-vacuum-light** – Vacuum robot card\n- **prism-vacuum-switchbot** – Specialized card for SwitchBot vacuums\n\n### Energy\n- **prism-energy** – Energy flow visualization with animations\n- **prism-energy-horizontal** – Horizontal energy flow layout\n\n### 3D Printing\n- **prism-3dprinter** – Generic 3D printer card for **Moonraker/Klipper** (Voron, Prusa, RatRig, etc.)\n- **prism-bambu** – Bambu Lab printer with **AMS support**, cover image, multi-printer view\n- **prism-creality** – Creality printer with **CFS support** (same design as AMS), cover image, multi-printer view\n  - Supports: K1, K1C, K1 Max, K1 SE, K2, K2 Plus, Ender 3 V3 series\n  - Integrations: [ha_creality_ws](https://github.com/3dg1luk43/ha_creality_ws) (recommended) or Moonraker\n\n### Dashboard Layout\n- **prism-sidebar** / **prism-sidebar-light** – Full sidebar with camera, weather, calendar\n\n\u003e 📚 **Full documentation** for all cards available in [Custom Components README](custom-components/README.md)\n\n---\n\n## Dashboard Configuration\n\nThe dashboard configuration is located in the `dashboard/` folder. There you will find:\n\n- **`prism-dashboard.yml`** – The complete dashboard configuration\n- **`components/`** – Reusable YAML components (Sidebar, Navigation, etc.)\n\n### Setup Dashboard\n\n1. Open your dashboard in Home Assistant\n2. Go to **Edit** → **Raw Configuration Editor**\n3. Copy the contents of `dashboard/prism-dashboard.yml` into it\n4. **IMPORTANT:** Adjust all entities to your hardware (see [Dashboard README](dashboard/README.md))\n5. Save the changes\n\n### Customization\n\nFor detailed information on:\n- **Adjusting entities** – See [Dashboard README](dashboard/README.md#customization)\n- **Using components** – See [Dashboard README](dashboard/README.md#reusable-components)\n- **Adjusting styles** – See [Dashboard README](dashboard/README.md#customization)\n- **Configuring custom cards** – See [Custom Components README](custom-components/README.md)\n\n---\n\n## Support / Feedback\n\nFor bugs, questions, or feature requests:\n\n- **GitHub Issues:** Please use the \"Issues\" tab of this repository.  \n- Alternatively: Contact me directly (e.g., via your preferred profile, if linked here).\n\nFeedback, suggestions, and screenshots of your own setups are always welcome!\n\n---\n\n## Development\n\nBuilt with AI assistance (Cursor AI)\n\nThe cards were created collaboratively using AI-assisted development. All features \nhave been tested and the code is actively maintained.\n\n---\n\n## Contributing\n\nContributions are explicitly welcome:\n\n1. Fork the repository.  \n2. Create your own branch (`feature/...` or `fix/...`).  \n3. Make changes and test them.  \n4. Open a pull request and briefly describe what was changed.\n\n---\n\n## Sponsorship\n\nIf you like Prism and want to support further development:\n\nFeel free to use the **Support button above** \n\nThank you for your support! 💙\n\n---\n\n## Keywords\n\n`home-assistant`, `dashboard`, `glassmorphism`, `lovelace`, `mushroom-cards`, `yaml`, `smart-home`, `ui-design`, `hacs`, `minimalist`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangertech%2Fprism-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbangertech%2Fprism-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbangertech%2Fprism-dashboard/lists"}