{"id":23661072,"url":"https://github.com/fastender/lottie-card","last_synced_at":"2025-04-10T18:23:17.312Z","repository":{"id":269762096,"uuid":"908386472","full_name":"fastender/Lottie-Card","owner":"fastender","description":"Display Lottie animations in Home Assistant","archived":false,"fork":false,"pushed_at":"2025-01-21T19:31:02.000Z","size":1097,"stargazers_count":14,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-24T16:03:56.047Z","etag":null,"topics":["animation","hacs-plugin","hassio","home-assistant","homeassistant","lovelace-card","lovelace-ui"],"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":"2024-12-26T00:10:32.000Z","updated_at":"2025-01-26T04:53:33.000Z","dependencies_parsed_at":"2024-12-26T10:23:44.318Z","dependency_job_id":null,"html_url":"https://github.com/fastender/Lottie-Card","commit_stats":null,"previous_names":["fastender/lottiecard","fastender/lottie-card"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FLottie-Card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FLottie-Card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FLottie-Card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fastender%2FLottie-Card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fastender","download_url":"https://codeload.github.com/fastender/Lottie-Card/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248270598,"owners_count":21075795,"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":["animation","hacs-plugin","hassio","home-assistant","homeassistant","lovelace-card","lovelace-ui"],"created_at":"2024-12-29T04:40:26.931Z","updated_at":"2025-04-10T18:23:17.286Z","avatar_url":"https://github.com/fastender.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lottie Card for Home Assistant\n\n**Lottie Card** is a custom Lovelace card for Home Assistant that allows you to display **Lottie animations** in your dashboards. Bring your Home Assistant interface to life with dynamic and interactive animations!\n\n![Live Preview](./docs/example-1.png)\n\n\n---\n\n## Features\n- Supports rendering Lottie animations.\n- Customizable background colors.\n- Adjustable animation size (e.g., `size: 150px`).\n- Additional options for animation control:\n  - **`loop`**: Repeat the animation.\n  - **`autoplay`**: Automatically start the animation.\n  - **`direction`**: Set the direction of the animation (1 for forward, -1 for reverse).\n- Easy to configure and integrate.\n\n---\n\n## Installation\n\n### HACS (Home Assistant Community Store)\n1. Open HACS in your Home Assistant instance.\n2. Navigate to **Frontend** \u003e **Custom Repositories**.\n3. Add this repository: `https://github.com/fastender/lottie-card`.\n4. Select \"Lovelace\" or \"Dashboard\" as category\n5. Click \"Install\"\n\n\n### Manual Installation\n1. Download the `lottie-card.js` file from this repository.\n2. Copy the file to the `www` folder in your Home Assistant configuration directory.\n3. Add the following entry to your `configuration.yaml`:\n   ```yaml\n   resources:\n     - url: /local/lottie-card.js\n       type: module\n   ```\n\n4. Restart Home Assistant.\n\n---\n\n## Usage\nAdd the card to your Lovelace dashboard. Here's an example:\n\n```yaml\ntype: custom:lottie-card\nanimation: /local/animations/example.json\nbackground_color: \"#ffffff\"\nsize: 150px\nloop: true\nautoplay: true\ndirection: 1\n```\n\n### Options\n| Option            | Description                               | Default Value     |\n|--------------------|-------------------------------------------|-------------------|\n| `animation`        | Path to the Lottie animation file         | **Required**      |\n| `background_color` | Background color of the card (hex)        | `transparent`     |\n| `size`             | Size of the animation (e.g., `150px`)     | `100%`            |\n| `loop`             | Enable/disable looping of the animation   | `false`           |\n| `autoplay`         | Automatically start the animation         | `false`           |\n| `direction`        | Direction of the animation (1 or -1)      | `1`               |\n\n---\n\n## Examples\nHere’s a sample configuration:\n\n```yaml\ntype: custom:lottie-card\nanimation: /local/animations/loader.json\nbackground_color: \"#f0f0f0\"\nsize: 200px\nloop: true\nautoplay: true\ndirection: -1\n```\n\n---\n\n## Live Preview\n\nBelow is a demonstration of the Lottie Card in action:\n\n![Live Preview](./docs/live-preview.gif)\n\n---\n\n## License\nThis project is licensed under the [GNU General Public License](./LICENSE).\n\n---\n\n## Feedback \u0026 Support\nIf you have questions or want to report an issue, please open an [issue on GitHub](https://github.com/fastender/lottie-card/issues).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastender%2Flottie-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffastender%2Flottie-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffastender%2Flottie-card/lists"}