{"id":32285350,"url":"https://github.com/jlouage/flutter-carousel-pro","last_synced_at":"2026-02-23T19:03:43.983Z","repository":{"id":48198077,"uuid":"134684292","full_name":"jlouage/flutter-carousel-pro","owner":"jlouage","description":"Flutter Carousel Pro","archived":false,"fork":false,"pushed_at":"2024-02-29T12:20:12.000Z","size":708,"stargazers_count":214,"open_issues_count":47,"forks_count":89,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-06-19T23:10:46.932Z","etag":null,"topics":["android","flutter","ios"],"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/jlouage.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-24T08:20:33.000Z","updated_at":"2024-06-13T10:50:03.000Z","dependencies_parsed_at":"2024-06-19T22:46:39.978Z","dependency_job_id":"27f70866-0b37-43a7-9969-9338bf94daeb","html_url":"https://github.com/jlouage/flutter-carousel-pro","commit_stats":{"total_commits":28,"total_committers":11,"mean_commits":"2.5454545454545454","dds":0.7142857142857143,"last_synced_commit":"5bcf40c62fc7bf46ef4dda378924fd53984e052e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jlouage/flutter-carousel-pro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlouage%2Fflutter-carousel-pro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlouage%2Fflutter-carousel-pro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlouage%2Fflutter-carousel-pro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlouage%2Fflutter-carousel-pro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jlouage","download_url":"https://codeload.github.com/jlouage/flutter-carousel-pro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jlouage%2Fflutter-carousel-pro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280546405,"owners_count":26348722,"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","status":"online","status_checked_at":"2025-10-22T02:00:06.515Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["android","flutter","ios"],"created_at":"2025-10-23T01:46:34.492Z","updated_at":"2025-10-23T01:46:36.382Z","avatar_url":"https://github.com/jlouage.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Carousel Pro [![pub package](https://img.shields.io/pub/v/carousel_pro.svg)](https://pub.dartlang.org/packages/carousel_pro)\n\nA Flutter Carousel widget.\n\n## Usage\n\nAs simple as using any flutter Widget.\n\n**Example:**\nAdd the module to your project ``pubspec.yaml``:\n```yaml\n...\ndependencies:\n ...\n carousel_pro: ^1.0.0\n...\n```\nAnd install it using ``flutter packages get`` on your project folder. After that, just import the module and use it:\n```dart\nimport 'package:carousel_pro/carousel_pro.dart';\n\n//...\nSizedBox(\n  height: 150.0,\n  width: 300.0,\n  child: Carousel(\n    images: [\n      NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),\n      NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),\n      ExactAssetImage(\"assets/images/LaunchImage.jpg\")\n    ],\n  )\n),\n\n```\n![ScreenShot 01](https://github.com/jlouage/flutter-carousel-pro/blob/master/screenshots/screenshot01.png?raw=true \"ScreenShot 01\")\n\n```dart\nimport 'package:carousel_pro/carousel_pro.dart';\n\n//...\nSizedBox(\n  height: 200.0,\n  width: 350.0,\n  child: Carousel(\n    images: [\n      NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),\n      NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),\n      ExactAssetImage(\"assets/images/LaunchImage.jpg\")\n    ],\n    dotSize: 4.0,\n    dotSpacing: 15.0,\n    dotColor: Colors.lightGreenAccent,\n    indicatorBgPadding: 5.0,\n    dotBgColor: Colors.purple.withOpacity(0.5),\n    borderRadius: true,\n  )\n),\n\n```\n![ScreenShot 02](https://github.com/jlouage/flutter-carousel-pro/blob/master/screenshots/screenshot02.png?raw=true \"ScreenShot 02\")\n\n\n```dart\nimport 'package:carousel_pro/carousel_pro.dart';\n\n//...\nSizedBox(\n    height: 200.0,\n    width: 350.0,\n    child: Carousel(\n      images: [\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),\n        ExactAssetImage(\"assets/images/LaunchImage.jpg\")\n      ],\n      dotSize: 4.0,\n      dotSpacing: 15.0,\n      dotColor: Colors.lightGreenAccent,\n      indicatorBgPadding: 5.0,\n      dotBgColor: Colors.purple.withOpacity(0.5),\n      borderRadius: true,\n      moveIndicatorFromBottom: 180.0,\n      noRadiusForIndicator: true,\n    )\n),\n\n```\n![ScreenShot 03](https://github.com/jlouage/flutter-carousel-pro/blob/master/screenshots/screenshot03.png?raw=true \"ScreenShot 03\")\n\n\n```dart\nimport 'package:carousel_pro/carousel_pro.dart';\n\n//...\nSizedBox(\n    height: 200.0,\n    width: 350.0,\n    child: Carousel(\n      images: [\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),\n        ExactAssetImage(\"assets/images/LaunchImage.jpg\")\n      ],\n      dotSize: 4.0,\n      dotSpacing: 15.0,\n      dotColor: Colors.lightGreenAccent,\n      indicatorBgPadding: 5.0,\n      dotBgColor: Colors.purple.withOpacity(0.5),\n      borderRadius: false,\n      moveIndicatorFromBottom: 180.0,\n      noRadiusForIndicator: true,\n      overlayShadow: true,\n      overlayShadowColors: Colors.white,\n      overlayShadowSize: 0.7,\n    )\n),\n\n```\n![ScreenShot 04](https://github.com/jlouage/flutter-carousel-pro/blob/master/screenshots/screenshot04.png?raw=true \"ScreenShot 04\")\n\n\n```dart\nimport 'package:carousel_pro/carousel_pro.dart';\n\n//...\nSizedBox(\n    height: 200.0,\n    width: 350.0,\n    child: Carousel(\n      images: [\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*GqdzzfB_BHorv7V2NV7Jgg.jpeg'),\n        NetworkImage('https://cdn-images-1.medium.com/max/2000/1*wnIEgP1gNMrK5gZU7QS0-A.jpeg'),\n        ExactAssetImage(\"assets/images/LaunchImage.jpg\")\n      ],\n      showIndicator: false,\n      borderRadius: false,\n      moveIndicatorFromBottom: 180.0,\n      noRadiusForIndicator: true,\n      overlayShadow: true,\n      overlayShadowColors: Colors.white,\n      overlayShadowSize: 0.7,\n    )\n),\n\n```\n![ScreenShot 05](https://github.com/jlouage/flutter-carousel-pro/blob/master/screenshots/screenshot05.png?raw=true \"ScreenShot 05\")\n\n## Parameters and Values\n\n### images\nAll the images on this Carousel.\n**Type:** List\n\n### animationCurve\nThe transition animation timing curve\n**Default value:** Curves.ease\n**Type:** Curve\n##### Values\n* Curves.linear;\n* Curves.fastOutSlowIn;\n* Curves.ease;\n* Curves.bounceOut;\n* Curves.bounceIn;\n* Curves.bounceInOut;\n* Curves.decelerate;\n* Curves.ease;\n* Curves.easeIn;\n* Curves.easeInOut;\n* Curves.easeOut;\n* Curves.elasticIn;\n* Curves.elasticInOut;\n* Curves.elasticOut;\n\n### animationDuration\nThe transition animation duration\n**Type:** Duration \n**Default value:** 300ms.\n\n### dotSize\nThe base size of the dots\n**Type:** double\n**Default value:** 8.0\n\n### dotIncreaseSize\nThe increase in the size of the selected dot\n**Type:** double\n**Default value:** 2.0\n\n\n### dotSpacing\nThe distance between the center of each dot\n**Type:** double\n**Default value:** 25.0\n\n### dotColor\nThe Color of each dot\n**Type:** Color\n**Default value:** Colors.white\n\n### dotBgColor\nThe background Color of the dots\n**Type:** Color\n**Default value:** Colors.grey[800].withOpacity(0.5)\n\n### showIndicator\nEnable or Disable the indicator (dots)\n**Type:** bool\n**Default value:** true\n\n### indicatorBgPadding\nPadding Size of the background Indicator\n**Type:** double\n**Default value:** 20.0\n\n### boxFit\nHow to show the images in the box\n**Type:** BoxFit\n**Default value:** cover\n##### Values\n* BoxFit.cover;\n* BoxFit.fitWidth;\n* BoxFit.fitHeight;\n* BoxFit.scaleDown;\n* BoxFit.fill;\n* BoxFit.contain;\n* BoxFit.none;\n\n### borderRadius\nEnable/Disable radius Border for the images\n**Type:** bool\n**Default value:** false\n\n### radius\nBorder Radius of the images\n**Type:** Radius\n**Default value:** Radius.circular(8.0)\n\n### moveIndicatorFromBottom\nMove the Indicator From the Bottom\n**Type:** double\n**Default value:** 0.0\n\n### noRadiusForIndicator\nRemove the radius bottom from the indicator background\n**Type:** bool\n**Default value:** false\n\n### overlayShadow\nEnable/Disable Image Overlay Shadow\n**Type:** bool\n**Default value:** false\n\n### overlayShadowColors\nChoose the color of the overlay Shadow color\n**Type:** Color\n**Default value:** Colors.grey[800]\n\n### overlayShadowSize\nChoose the size of the Overlay Shadow, from 0.0 to 1.0\n**Type:** double\n**Default value:** 0.5\n\n### autoplay\nEnable/Disable autoplay carousel\n**Type:** bool\n**Default value:** true\n\n### autoplayDuration\nThe autoplay transition duration\n**Type:** Duration \n**Default value:** 3s\n  \n## Credits\n\nDeveloped by [JLouage (Julien Louage)](http://www.jlouage.com) \u003cinfo@jlouage.com\u003e\n\n## Contributing\n\nFeel free to help!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlouage%2Fflutter-carousel-pro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjlouage%2Fflutter-carousel-pro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjlouage%2Fflutter-carousel-pro/lists"}