{"id":29170417,"url":"https://github.com/ahwelgemoed/lottie-mendix-widget","last_synced_at":"2025-07-01T12:40:08.721Z","repository":{"id":56528108,"uuid":"308646909","full_name":"ahwelgemoed/lottie-mendix-widget","owner":"ahwelgemoed","description":"Lottie Web for Mendix Apps","archived":false,"fork":false,"pushed_at":"2020-11-02T13:01:14.000Z","size":51750,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2023-03-05T04:02:56.062Z","etag":null,"topics":["animation","mendix","mendix-widget"],"latest_commit_sha":null,"homepage":"https://appstore.home.mendix.com/link/app/115913/","language":"TypeScript","has_issues":true,"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/ahwelgemoed.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}},"created_at":"2020-10-30T14:00:55.000Z","updated_at":"2021-03-09T22:55:31.000Z","dependencies_parsed_at":"2022-08-15T20:20:54.265Z","dependency_job_id":null,"html_url":"https://github.com/ahwelgemoed/lottie-mendix-widget","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"purl":"pkg:github/ahwelgemoed/lottie-mendix-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahwelgemoed%2Flottie-mendix-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahwelgemoed%2Flottie-mendix-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahwelgemoed%2Flottie-mendix-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahwelgemoed%2Flottie-mendix-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahwelgemoed","download_url":"https://codeload.github.com/ahwelgemoed/lottie-mendix-widget/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahwelgemoed%2Flottie-mendix-widget/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262964083,"owners_count":23391950,"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","mendix","mendix-widget"],"created_at":"2025-07-01T12:40:05.581Z","updated_at":"2025-07-01T12:40:08.604Z","avatar_url":"https://github.com/ahwelgemoed.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eLottie Animation For Mendix\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/github/issues/ahwelgemoed/lottie-mendix-widget\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"\"\u003e\n    \u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/github/release/ahwelgemoed/lottie-mendix-widget\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://appstore.home.mendix.com/link/modeler/\"\u003e\n    \u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/badge/Studio%20version-8.0%2B-blue.svg\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://docs.mendix.com/developerportal/app-store/app-store-content-support\"\u003e\n    \u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/badge/Support-Community%20(no%20active%20support)-orange.svg\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"/LICENSE\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/badge/license-Apache%202.0-orange.svg\" target=\"_blank\" /\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \n\u003c/p\u003e\n \u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/Lottie.png\" target=\"_blank\" /\u003e\n\n  \u003cbr\u003e\n\u003cp align=\"center\"\u003e\n    Lottie Implementation for Mendix.\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n    Lottie is an easy way to add beautiful animations to your app. It uses JSON files exported from After Effects. \u003cbr\u003e Read more about Lottie \n      \u003ca href=\"https://airbnb.design/lottie/\"\u003ehere\u003c/a\u003e and see the possibilities  \u003ca href=\"https://lottiefiles.com/\"\u003ehere\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2\u003eUsage\u003c/h2\u003e\n \u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/SS1.png\" target=\"_blank\" /\u003e\n \u003ch3\u003eData\u003c/h3\u003e\n \u003ch4\u003eUsage with Hosted JSON Files\u003c/h4\u003e\n    \u003cp\u003e\n    In this option you dont have to store the Animation JSON file locally or copy it over, you can simply provide a publicly available URL.\n    \u003c/p\u003e\n \u003ch4\u003eUsage with Attributes\u003c/h4\u003e\n    \u003cp\u003e\n    Here you will have to setup a entity in the domain model that stores the JSON in a String Attribute.\n    \u003c/p\u003e\n    \u003cp\u003e\n    You can simply open the JSON file in a Text Editor you receive from your designer and copy and save it.\n    \u003c/p\u003e\n\n**HERE is an example of a JSON string copied**\n\u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/SS2.png\" target=\"_blank\" /\u003e\n\n\u003ch3\u003eControls\u003c/h3\u003e\n\n|                  | Type    | Info                                                                                                                     |\n| ---------------- | ------- | ------------------------------------------------------------------------------------------------------------------------ |\n| Loop             | boolean | Either loops the animation or not                                                                                        |\n| Width and Height | number  | Set Animation Width and Height                                                                                           |\n| Start Animation  | boolean | When this is selected the animation will only start once the value changes from False to True _(Non persistable object)_ |\n| On Complete      | action  | When this is selected it will trigger the action once the animation is Done (WILL NOT TRIGGER ON LOOPING ANIMATIONS)     |\n\n## Example GIF\n\n**Example of a Microflow triggering a Manual Start**\n\u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/ManuallyStart.gif\" target=\"_blank\" /\u003e\n\n**Example of a OnComplete triggering a Page To Open (Also A Manual Start)**\n\u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/OnComplete.gif\" target=\"_blank\" /\u003e\n\n**Random Locally Stored Animations** \u003cimg  align=\"center\" alt=\"headerIMG\" src=\"./assets/Random.gif\" target=\"_blank\" /\u003e\n\n## Known Issues\n\n-   Currently not able to loop segments and then stop the Animation\n\n## Issues, suggestions and feature requests\n\n[Github Issues](https://github.com/ahwelgemoed/lottie-mendix-widget/issues \"Github Issues\")\n\n## Development and contribution\n\n[specify contribute]\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahwelgemoed%2Flottie-mendix-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahwelgemoed%2Flottie-mendix-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahwelgemoed%2Flottie-mendix-widget/lists"}