{"id":13684717,"url":"https://github.com/thecodepapaya/show_up_animation","last_synced_at":"2025-12-27T05:44:33.935Z","repository":{"id":48534789,"uuid":"257586249","full_name":"thecodepapaya/show_up_animation","owner":"thecodepapaya","description":"A flutter package to simplify the common \"show up\" animation","archived":false,"fork":false,"pushed_at":"2022-07-23T04:59:33.000Z","size":1145,"stargazers_count":22,"open_issues_count":3,"forks_count":10,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-08-03T14:07:56.374Z","etag":null,"topics":["animation","flutter","package","pubdev"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/show_up_animation","language":"Dart","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/thecodepapaya.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}},"created_at":"2020-04-21T12:19:31.000Z","updated_at":"2022-08-27T17:53:11.000Z","dependencies_parsed_at":"2022-09-07T17:51:55.588Z","dependency_job_id":null,"html_url":"https://github.com/thecodepapaya/show_up_animation","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodepapaya%2Fshow_up_animation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodepapaya%2Fshow_up_animation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodepapaya%2Fshow_up_animation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodepapaya%2Fshow_up_animation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thecodepapaya","download_url":"https://codeload.github.com/thecodepapaya/show_up_animation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224230573,"owners_count":17277372,"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","flutter","package","pubdev"],"created_at":"2024-08-02T14:00:37.631Z","updated_at":"2025-12-27T05:44:33.860Z","avatar_url":"https://github.com/thecodepapaya.png","language":"Dart","funding_links":[],"categories":["Dart"],"sub_categories":[],"readme":"# show_up_animation [![Build Status](https://travis-ci.com/thecodepapaya/show_up_animation.svg?branch=master)](https://travis-ci.com/thecodepapaya/show_up_animation)\n\nA flutter package to simplify the implementation of \"show up\" animation\n\n## Getting Started\n\nInstall dependencies\n\n```yaml\ndependencies:\n  show_up_animation: ^2.1.2\n```\n\nThen import wherever you want to implement the animation\n\n```dart\nimport 'package:show_up_animation/show_up_animation.dart';\n```\n\n### ShowUpAnimation\n\nWrap any widget you want to animate inside `ShowUpAnimation` widget and provide a `Duration()` to `delayStart` field to control after how much delay the animation fires.\n\n```dart\nShowUpAnimation(\n  delayStart: Duration(seconds: 1),\n  animationDuration: Duration(seconds: 1),\n  curve: Curves.bounceIn,\n  direction: Direction.vertical,\n  offset: 0.5,\n  child: YourWidget(),\n),\n```\n\n### ShowUpList\n\nTo create a list of \"show up\" animations, use `ShowUpList` and provide\nyour list of widgets to `children` parameter.\n\n```dart\nShowUpList(\n  direction: Direction.horizontal,\n  animationDuration: Duration(milliseconds: 1500),\n  delayBetween: Duration(milliseconds: 800),\n  offset: -0.2,\n  children: \u003cWidget\u003e[\n    Widget1(),\n    Widget2(),\n    Widget3(),\n    Widget4(),\n  ],\n),\n```\n\n## Properties\n\n### ShowUpAnimation Properties\n\nYou can customize how to do you want to animate your `child` using the parameters described below.\n\n| Property          | Function                                                                                                                                  |\n| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |\n| child             | The widget on which to apply the given `ShowUpAnimation`                                                                                  |\n| offset            | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 |\n| curve             | The curve used to animate the [child] into view. Defaults to [Curves.easeIn]                                                              |\n| direction         | horizontal or vertical                                                                                                                    |\n| delayStart        | The delay with which to animate the [child]. Takes in a [Duration] and defaults to 0 seconds                                              |\n| animationDuration | The total duration in which the animation completes. Defaults to 800 milliseconds                                                         |\n\n### ShowUpList Properties\n\n| Property          | Function                                                                                                                                  |\n| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |\n| children          | The list of widgets on which to apply the given `ShowUpAnimation`                                                                         |\n| offset            | The offset by which to slide and [child] into view from [Direction]. Use negative value to reverse animation [direction]. Defaults to 0.2 |\n| curve             | The curve used to animate each [child] into view. Defaults to [Curves.easeIn]                                                             |\n| direction         | horizontal or vertical                                                                                                                    |\n| delayBetween      | he delay between animating each [children] into view. Takes in a [Duration] and defaults to 300 milliseconds                              |\n| animationDuration | The total duration in which the animation of each child completes. Defaults to 500 milliseconds                                           |\n\n## Demo\n\n\u003cimg src=https://github.com/user-attachments/assets/9e4d5340-1374-482e-a669-2ad4bc44246d alt=\"Text demo\" width=\"300\"\u003e\n\u003cimg src=https://github.com/user-attachments/assets/0ab08965-fe45-40e6-8e41-46892af73df2 alt=\"Show up list demo\" width=\"300\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodepapaya%2Fshow_up_animation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthecodepapaya%2Fshow_up_animation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodepapaya%2Fshow_up_animation/lists"}