{"id":29150346,"url":"https://github.com/humanmade/lottie-lite","last_synced_at":"2026-03-16T12:09:48.107Z","repository":{"id":255440299,"uuid":"851229635","full_name":"humanmade/lottie-lite","owner":"humanmade","description":"A lightweight LottieFiles extension for core image blocks","archived":false,"fork":false,"pushed_at":"2024-10-21T10:41:34.000Z","size":849,"stargazers_count":34,"open_issues_count":6,"forks_count":0,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-06-28T16:12:01.073Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/humanmade.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-09-02T17:14:32.000Z","updated_at":"2025-01-27T16:10:38.000Z","dependencies_parsed_at":"2024-09-02T18:12:08.916Z","dependency_job_id":"897bb914-52b9-4bf9-9ada-d3a72b1406cd","html_url":"https://github.com/humanmade/lottie-lite","commit_stats":null,"previous_names":["humanmade/lottie-lite"],"tags_count":10,"template":false,"template_full_name":null,"purl":"pkg:github/humanmade/lottie-lite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanmade%2Flottie-lite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanmade%2Flottie-lite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanmade%2Flottie-lite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanmade%2Flottie-lite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/humanmade","download_url":"https://codeload.github.com/humanmade/lottie-lite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/humanmade%2Flottie-lite/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262864258,"owners_count":23376461,"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":[],"created_at":"2025-06-30T23:10:20.582Z","updated_at":"2025-10-27T10:15:24.916Z","avatar_url":"https://github.com/humanmade.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lottie Lite\n\nAdds support for Lottie animations as an enhancement to the following blocks:\n\n- Core image block\n- Core cover block\n- Core media \u0026 text block\n\nAllows overlaying or replacing the image with an animation.\n\n## Installation\n\n1. Download the plugin from the [GitHub repository](https://github.com/humanmade/lottie-lite).\n2. Upload the plugin to your site's `wp-content/plugins` directory.\n3. Activate the plugin from the WordPress admin.\n\n## Advanced Usage\n\nThe plugin exposes the DotLottie web player object on the enhanced blocks. This allows you to interact with the player and control the animation.\n\nTo access the player object, you can use the following JavaScript code:\n\n```js\nfunction doStuff(player) {\n    // Do stuff with the player object\n}\n\n// Wait for the player to be ready as they may be loaded asynchronously,\n// depending on the block's visibility and whether the image is lazy-loaded.\ndocument.querySelectorAll( '[data-lottie]' ).forEach( ( element ) =\u003e {\n    if ( element.lottie ) {\n        doStuff( element.lottie );\n    } else {\n        element.addEventListener( 'lottieReady', () =\u003e {\n            doStuff( element.lottie );\n        } );\n    }\n} );\n```\n\nFull documentation for the DotLottie web player can be found here:\n\nhttps://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumanmade%2Flottie-lite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhumanmade%2Flottie-lite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhumanmade%2Flottie-lite/lists"}