{"id":35404931,"url":"https://github.com/maglerod/andy-temperature-card","last_synced_at":"2026-02-16T12:03:09.703Z","repository":{"id":331436529,"uuid":"1126622990","full_name":"maglerod/andy-temperature-card","owner":"maglerod","description":"A modern Lovelace thermometer card with interval-based colors, gradients, outline styling, optional glass effect, scale ticks, and Min/Avg/Max stats.”","archived":false,"fork":false,"pushed_at":"2026-01-08T07:20:53.000Z","size":429,"stargazers_count":29,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-08T08:47:57.424Z","etag":null,"topics":["card","frontend","hacs","home-assistant","homeassistant","lovelace","temperature"],"latest_commit_sha":null,"homepage":"","language":null,"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/maglerod.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-02T09:25:01.000Z","updated_at":"2026-01-08T07:18:51.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/maglerod/andy-temperature-card","commit_stats":null,"previous_names":["maglerod/andy-temperature-card"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/maglerod/andy-temperature-card","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maglerod%2Fandy-temperature-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maglerod%2Fandy-temperature-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maglerod%2Fandy-temperature-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maglerod%2Fandy-temperature-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maglerod","download_url":"https://codeload.github.com/maglerod/andy-temperature-card/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maglerod%2Fandy-temperature-card/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28397826,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-13T14:36:09.778Z","status":"ssl_error","status_checked_at":"2026-01-13T14:35:19.697Z","response_time":56,"last_error":"SSL_read: 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":["card","frontend","hacs","home-assistant","homeassistant","lovelace","temperature"],"created_at":"2026-01-02T12:37:12.317Z","updated_at":"2026-02-16T12:03:09.696Z","avatar_url":"https://github.com/maglerod.png","language":null,"funding_links":["https://www.buymeacoffee.com/AndyBonde"],"categories":[],"sub_categories":[],"readme":"# Andy Temperature Card v1.0.5\nAndy Temperature Card is a sleek Lovelace custom card that visualizes a numeric sensor value as a modern thermometer.\nIt supports configurable min/max scaling, optional tick marks, optional Min/Avg/Max statistics (via Home Assistant history), and powerful color styling through value intervals.\n\n![Preview 1_0_5](images/temperature_card_new_1.png)\n![Preview 1_0_6_1](images/temp106.png)\n![Preview 1_0_5_2](images/temperature_card_new_6.png)\n![Preview 1_0_5_3](images/temperature_card_new_2.png)\n![Preview 1_0_5_4](images/temperature_card_new_3.png)\n![Preview 1_0_5_5](images/temperature_card_new_4.png)\n![Preview 1_0_5_6](images/temperature_card_new_5.png)\n\n\u003e **Recommended installation method:** HACS  \n\u003e Manual installation is supported but not recommended unless HACS is unavailable\n\n\nKey features:\n- Thermometer visualization with a clean, modern look\n- Numeric entities (works with any entity whose state is a number)\n- Configurable value placement (top/bottom/inside)\n- Intervals with per-range styling\n-- Solid fill color or optional gradient\n-- Per-interval outline color\n- Optional glass effect\n- Optional scale ticks (locked/consistent geometry)\n- Optional Min/Avg/Max statistics (lookback hours configurable)\n- Built-in visual editor UI (no YAML required, but supported)\n- Support for 3 extra Entity information\n- Click on entity support\n- Show Graph\n\nNotes:\nThe stats feature uses the REST history endpoint via hass.callApi(\"GET\", \"history/period/...\").\nRuns fully in the browser (no backend).\n\n## Installation\n\n### Option A — Install via HACS (published repository)\n1. Open **HACS** in Home Assistant.\n2. Go to **Frontend**.\n3. Search for **Andy Temperature Card**.\n4. Open the card and click **Download**.\n5. Restart Home Assistant (or reload frontend resources).\n\nAfter installation, the Lovelace resource is usually added automatically by HACS.  \nIf not, see **“Add as a resource”** below.\n\n---\n\n### Option B — Install via HACS (custom repository)\nUse this method if the card is not yet listed in the HACS store.\n\n1. Open **HACS** in Home Assistant.\n2. Click the **⋮ (three dots)** menu in the top right.\n3. Select **Custom repositories**.\n4. Add the repository:\n   - **Repository**: `https://github.com/maglerod/andy-temperature-card`\n   - **Category**: **Lovelace**\n5. Click **Add**.\n6. Go to **Frontend** in HACS.\n7. Search for **Andy Temperature Card**.\n8. Click **Download**.\n9. Restart Home Assistant (or reload frontend resources).\n\n---\n\n### Option C — Manual installation (no HACS)\n1. Download `andy-temperature-card.js` from this repository.\n2. Copy the file to your Home Assistant configuration directory: /config/www/andy-temperature-card.js\n\n### Add as a resource (if needed)\nIf the card does not appear automatically:\n\n1. Go to **Settings → Dashboards → Resources**\n2. Click **Add Resource**\n3. Enter:\n- **URL**: `/local/andy-temperature-card.js?v=20260101-101`\n- **Resource type**: `JavaScript Module`\n4. Save and perform a **hard refresh** in your browser (`Ctrl+F5` / `Cmd+Shift+R`).\n\n---\n\n### Add the card to a dashboard\n\n#### Using the UI editor\n1. Open your dashboard → **Edit dashboard**\n2. Click **Add card**\n3. Search for **Andy Temperature Card**\n4. Configure the card and save\n\n#### Using YAML\n```yaml\nname: Temperature\nentity: sensor.your_temperature_sensor\nmin: -20\nmax: 40\nunit: \"\"\ndecimals: 1\nvalue_position: top_right\nvalue_font_size: 0\nglass: true\nshow_scale: false\nshow_stats: false\nstats_hours: 24\nintervals:\n  - to: 0\n    color: \"#2b6cff\"\n    outline: \"#ffffff\"\n    gradient:\n      enabled: false\n      from: \"#2b6cff\"\n      to: \"#2b6cff\"\n  - to: 10\n    color: \"#39c0ff\"\n    outline: \"#ffffff\"\n    gradient:\n      enabled: false\n      from: \"#39c0ff\"\n      to: \"#39c0ff\"\n  - to: 20\n    color: \"#22c55e\"\n    outline: \"#ffffff\"\n    gradient:\n      enabled: false\n      from: \"#22c55e\"\n      to: \"#22c55e\"\n  - to: 30\n    color: \"#f59e0b\"\n    outline: \"#ffffff\"\n    gradient:\n      enabled: false\n      from: \"#f59e0b\"\n      to: \"#f59e0b\"\n  - to: 100\n    color: \"#ef4444\"\n    outline: \"#ffffff\"\n    gradient:\n      enabled: false\n      from: \"#ef4444\"\n      to: \"#ef4444\"\ntype: custom:andy-temperature-card\n```\n\n## ☕ Support the project \nI’m a Home Automation enthusiast who spends way too many late nights building custom cards, dashboards and small tools for Home Assistant.\nI love creating clean, useful UI components and sharing them for free with the community, and I try to help others whenever I can with ideas, code and support.\nIf you enjoy my work or use any of my cards in your setup, your support means a lot and helps me keep experimenting, improving and maintaining everything.\n\n\u003ca href=\"https://www.buymeacoffee.com/AndyBonde\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" width=\"160\"\u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaglerod%2Fandy-temperature-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaglerod%2Fandy-temperature-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaglerod%2Fandy-temperature-card/lists"}