{"id":26920341,"url":"https://github.com/croqo/oc-lottie-plugin","last_synced_at":"2025-04-01T22:28:50.654Z","repository":{"id":42378068,"uuid":"268165905","full_name":"croqo/oc-lottie-plugin","owner":"croqo","description":"October CMS plugin to play lottie animations for your visitors","archived":false,"fork":false,"pushed_at":"2023-11-15T07:38:45.000Z","size":297,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2024-12-16T00:11:04.709Z","etag":null,"topics":["bodymovin","javascript","laravel","lottie","lottie-web","october-cms","octobercms","octobercms-plugin","php"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/croqo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-05-30T21:55:32.000Z","updated_at":"2023-10-31T13:47:08.000Z","dependencies_parsed_at":"2023-11-07T11:30:45.382Z","dependency_job_id":"7f6b308e-d2f1-4151-830f-c7b0af5b1b87","html_url":"https://github.com/croqo/oc-lottie-plugin","commit_stats":{"total_commits":82,"total_committers":4,"mean_commits":20.5,"dds":0.3780487804878049,"last_synced_commit":"a14afee26c994c415ad07f02f16311739f8f24f7"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/croqo%2Foc-lottie-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/croqo%2Foc-lottie-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/croqo%2Foc-lottie-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/croqo%2Foc-lottie-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/croqo","download_url":"https://codeload.github.com/croqo/oc-lottie-plugin/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246720188,"owners_count":20822862,"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":["bodymovin","javascript","laravel","lottie","lottie-web","october-cms","octobercms","octobercms-plugin","php"],"created_at":"2025-04-01T22:28:50.104Z","updated_at":"2025-04-01T22:28:50.645Z","avatar_url":"https://github.com/croqo.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Lottie\n\nThis __October CMS__ plugin allows to add Lottie animations on your website with ease.\n\n![og-image](https://raw.githubusercontent.com/croqo/oc-lottie-plugin/dev/sources/og-image.png)\n\n🤔 [What is Lottie? @lottiefiles.com](https://lottiefiles.com/what-is-lottie)\n\n## Component Player\n\nUse this code in INI section to inject JS player into current page/partial/layout.\n\n```ini\n[lottie]\n```\n\nWhen it's done, you can use Lottie player as many times as you want with different values of **url** property.\n\n+ ### __url__\n\n    HTTP link to lottie animation json.\n\n    Next example code will generate two animations following one-by-one:\n\n    ```twig\n    {% component 'lottie' url='https://path.to/file1.json' %}\n\n    {% component 'lottie' url='https://path.to/file2.json' %}\n    ```\n\n+ ### __look__\n\n    Lottie player CSS preset\n    \n    ```twig\n    {% component 'lottie' url='https://path.to/file1.json' look='image' %}}\n\n    {% component 'lottie' url='https://path.to/file2.json' look='wallpaper' %}}\n    ```\n    \n+ ### aspect __ratio__\n\n    preserveAspectRatio option (rendererSettings)\n    \n    ```twig\n    {% component 'lottie' url='https://path.to/file1.json' ratio='xMidYMid slice' %}}    \n    \n    {% component 'lottie' url='https://path.to/file2.json' ratio='xMidYMid meet' %}}\n    ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcroqo%2Foc-lottie-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcroqo%2Foc-lottie-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcroqo%2Foc-lottie-plugin/lists"}