{"id":13789817,"url":"https://github.com/tiamo/flutter-concentric-transition","last_synced_at":"2026-02-21T16:02:53.153Z","repository":{"id":37405603,"uuid":"221905867","full_name":"tiamo/flutter-concentric-transition","owner":"tiamo","description":"Flutter plugin for creating views using the concentric transition effect.","archived":false,"fork":false,"pushed_at":"2022-09-09T10:14:42.000Z","size":7135,"stargazers_count":236,"open_issues_count":0,"forks_count":52,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-23T06:29:09.924Z","etag":null,"topics":["animation","concentric","dart","flutter","flutter-app","flutter-package","flutter-plugin","flutter-ui","onboarding"],"latest_commit_sha":null,"homepage":"","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/tiamo.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":null},"created_at":"2019-11-15T10:59:38.000Z","updated_at":"2025-09-11T22:01:53.000Z","dependencies_parsed_at":"2022-07-20T12:17:17.191Z","dependency_job_id":null,"html_url":"https://github.com/tiamo/flutter-concentric-transition","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/tiamo/flutter-concentric-transition","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiamo%2Fflutter-concentric-transition","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiamo%2Fflutter-concentric-transition/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiamo%2Fflutter-concentric-transition/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiamo%2Fflutter-concentric-transition/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tiamo","download_url":"https://codeload.github.com/tiamo/flutter-concentric-transition/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tiamo%2Fflutter-concentric-transition/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29685044,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T15:51:39.154Z","status":"ssl_error","status_checked_at":"2026-02-21T15:49:03.425Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","concentric","dart","flutter","flutter-app","flutter-package","flutter-plugin","flutter-ui","onboarding"],"created_at":"2024-08-03T22:00:33.488Z","updated_at":"2026-02-21T16:02:53.137Z","avatar_url":"https://github.com/tiamo.png","language":"Dart","funding_links":[],"categories":["Packages"],"sub_categories":[],"readme":"# ➰ Concentric Transition\n\nA Flutter plugin to create views using Concentric Transition Clipper. \nUseful for onboarding, page transitions, custom clippers, painters etc.\n\nInspired by [Cuberto - Animated Onboarding Screens](https://dribbble.com/shots/6654320-Animated-Onboarding-Screens)\n\n[![Build Status](https://github.com/tiamo/flutter-concentric-transition/actions/workflows/main.yml/badge.svg)](https://github.com/tiamo/flutter-concentric-transition)\n[![Pub package](https://img.shields.io/pub/v/concentric_transition.svg)](https://pub.dartlang.org/packages/concentric_transition)\n[![Star on GitHub](https://img.shields.io/github/stars/tiamo/flutter-concentric-transition.svg?style=flat\u0026logo=github\u0026colorB=deeppink\u0026label=stars)](https://github.com/tiamo/flutter-concentric-transition)\n[![License: MIT](https://img.shields.io/badge/license-MIT-purple.svg)](https://opensource.org/licenses/MIT)\n\n![1.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/1.gif)\n![2.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/2.gif)\n![3.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/3.gif)\n![4.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/4.gif)\n![5.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/5.gif)\n![6.gif](https://github.com/tiamo/flutter-concentric-transition/raw/master/screens/6.gif)\n\n## Getting Started\n* Add this to your pubspec.yaml\n  ```\n  dependencies:\n  concentric_transition: ^1.0.3\n  ```\n* Get the package from Pub:\n  ```\n  flutter packages get\n  ```\n* Import it in your file\n  ```\n  import 'package:concentric_transition/concentric_transition.dart';\n  ```\n## Features\n\n* 📺 Concentric PageView\n* 🕳️ Concentric Clipper\n* 📙 Concentric PageRoute\n\n## Usage\n\n * Using ConcentricPageView widget\n ``` dart\n import 'package:concentric_transition/concentric_transition.dart';\n \n ConcentricPageView(\n    colors: \u003cColor\u003e[Colors.white, Colors.blue, Colors.red],\n    itemCount: 1, // null = infinity\n    physics: NeverScrollableScrollPhysics(),\n    itemBuilder: (int index, double value) {\n        return Center(\n            child: Container(\n                child: Text('Page $index'),\n            ),\n        );\n    },\n );\n ``` \n \n * Using ConcentricPageRoute widget\n ``` dart\n Navigator.push(context, ConcentricPageRoute(builder: (ctx) {\n   return NextPage();\n }));\n ``` \n \n * Using ConcentricClipper widget\n ``` dart\n import 'package:concentric_transition/concentric_transition.dart';\n \n ClipPath(\n   clipper: ConcentricClipper(\n     progress: 0.1, // from 0.0 to 1.0\n     reverse: false,\n     radius: 30.0,\n     verticalPosition: 0.82,\n   ),\n   child: Container(\n     color: Colors.green,\n   ),\n )\n ``` \n \n * Check out the complete [Example](https://github.com/tiamo/flutter-concentric-transition/tree/master/example)\n\n## Credits\n\n * [Cuberto - Animated Onboarding Screens](https://dribbble.com/shots/6654320-Animated-Onboarding-Screens)\n\n## Maintainers\n \n * [Vlad Korniienko](https://github.com/tiamo)\n \n## License\n\n [![License: MIT](https://img.shields.io/badge/license-MIT-purple.svg)](https://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiamo%2Fflutter-concentric-transition","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftiamo%2Fflutter-concentric-transition","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftiamo%2Fflutter-concentric-transition/lists"}