{"id":32305350,"url":"https://github.com/imujtaba8488/package_im_stepper","last_synced_at":"2026-02-23T17:25:04.302Z","repository":{"id":38191533,"uuid":"279622370","full_name":"imujtaba8488/package_im_stepper","owner":"imujtaba8488","description":"A growing collection of beautiful, easy to use, stepper and page indicator widgets.","archived":false,"fork":false,"pushed_at":"2023-06-08T08:21:41.000Z","size":7583,"stargazers_count":147,"open_issues_count":18,"forks_count":66,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-23T06:51:27.702Z","etag":null,"topics":["dart","flutter","packages","page-indicator","stepper"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/im_stepper","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imujtaba8488.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,"governance":null},"funding":{"github":null,"patreon":"https://www.patreon.com/imujtaba8488","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2020-07-14T15:24:04.000Z","updated_at":"2025-09-05T21:56:25.000Z","dependencies_parsed_at":"2022-08-27T23:51:25.031Z","dependency_job_id":"f74aee08-6fb3-4c18-b2e0-9568c64cae2f","html_url":"https://github.com/imujtaba8488/package_im_stepper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/imujtaba8488/package_im_stepper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imujtaba8488%2Fpackage_im_stepper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imujtaba8488%2Fpackage_im_stepper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imujtaba8488%2Fpackage_im_stepper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imujtaba8488%2Fpackage_im_stepper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imujtaba8488","download_url":"https://codeload.github.com/imujtaba8488/package_im_stepper/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imujtaba8488%2Fpackage_im_stepper/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29514667,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-16T17:46:34.542Z","status":"ssl_error","status_checked_at":"2026-02-16T17:46:30.907Z","response_time":115,"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":["dart","flutter","packages","page-indicator","stepper"],"created_at":"2025-10-23T06:50:23.305Z","updated_at":"2026-02-23T17:25:04.297Z","avatar_url":"https://github.com/imujtaba8488.png","language":"Dart","funding_links":["https://patreon.com/https://www.patreon.com/imujtaba8488","https://www.patreon.com/imujtaba8488","https://www.buymeacoffee.com/imujtaba8488"],"categories":[],"sub_categories":[],"readme":"# im_stepper\n\n![Pub Version (including pre-releases)](https://img.shields.io/pub/v/im_stepper?include_prereleases)\n![GitHub issues](https://img.shields.io/github/issues-raw/imujtaba8488/package_im_stepper)\n![GitHub closed issues](https://img.shields.io/github/issues-closed/imujtaba8488/package_im_stepper)\n![GitHub last commit](https://img.shields.io/github/last-commit/imujtaba8488/package_im_stepper)\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/imujtaba8488/package_im_stepper)\n\n## Recent Changes\n\nHere's a list of some important changes in version: __1.0.0__. For a complete list of changes see changelog [here](https://pub.dev/packages/im_stepper/changelog).\n\n* Update to Flutter 3.0\n* Fix android 2 embedding issue\n* Fix lint warnings -- Thank you [TheMeanCanEHdian](https://github.com/TheMeanCanEHdian) \n* Add line padding -- Thank you [Mateusz](https://github.com/matheowis)\n* Update README -- Thank you [TimothyNgoi](https://github.com/TimothyNgoi98)\n\n## About\n\nA growing collection of stepper and page indicator widgets.\n\n## Description\n\nThe stepper widgets help you to show or collect information from users using organized steps. The page indicator widgets allow you to visually notify users about their current position as they scroll through a group of pages.\n\n## Table of Contents\n\n* [General Guidelines](#general-guidelines)\n\n* [IconStepper](#iconstepper)\n\n* [ImageStepper](#imagestepper)\n\n* [DotStepper](#dotstepper)\n\n* [NumberStepper](#numberstepper)\n\n* [Publications](#publications)\n\n* [Feedback](#feedback)\n\n* [Connect with me](#connect-with-me)\n\n* [Please Support](#please-support)\n\n## General Guidelines\n\n* Simply import `package:im_stepper/stepper.dart`.\n\n* __Important:__ The `direction` argument controls whether the stepper is displayed horizontally or vertically. A horizontal IconStepper can be wrapped within a Column with no issues. However, if wrapped within a row, it _must also be_ wrapped within the built-in _Expanded_ widget. The same applies to the vertical IconStepper.\n\n* __Validation:__ To enable validation before the next step is reached, set the `steppingEnabled` property to an appropriate value in a `StatefulWidget`.\n\n* __Controlling Steppers:__ All steppers are controlled using the `activeStep` property. You can control a stepper by:-\n\n  * using the built-in next and previous buttons. __Note:__ DotStepper does not have built-in next and previous buttons.\n\n  * tapping individual steps.\n\n  * using external buttons or events.\n\n    * See examples __[here](https://pub.dev/packages/im_stepper/example)__.\n\n* To customize the color, border, etc., wrap a stepper widget inside a `Container` and specify it's `decoration` argument.\n\n## IconStepper\n\nSimple to use icon stepper widget, wherein each icon defines a step. Hence, the total number of icons represents the total number of available steps. [See Example](https://pub.dev/packages/im_stepper/example).\n\n![IconStepper](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/landing/icon_stepper.gif)\n\n## ImageStepper\n\nSimple to use image stepper widget, wherein each image defines a step. Hence, the total number of images represents the total number of steps. [See Example](https://pub.dev/packages/im_stepper/example).\n\n![ImageStepper](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/landing/image_stepper.gif)\n\n## NumberStepper\n\nA simple to use number stepper widget, wherein each number defines a step. Hence, the total count of numbers represents the total number of steps. [See Example](https://pub.dev/packages/im_stepper/example).\n\n![ImageStepper](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/landing/number_stepper.gif)\n\n## DotStepper\n\nA family of fully customizable, beautiful page indicator widgets with awesome built-in animations. Each dot in a DotStepper represents a step. Supports resizing the dots, managing spacing between dots, enabling lineConnectors, customizing with decorations, etc. [See Example](https://pub.dev/packages/im_stepper/example).\n\n## Shapes\n\n **Shapes**        | **Demo**\n-------------------|------------\n Circle            |![Circle](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/circle.png)\n Square            |![Square](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/square.png)\n Rectangle         |![Rect](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/rectangle.png)\n Squircle          |![Squircle](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/squircle.png)\n Stadium           |![Stadium](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/stadium.png)\n Pipe              |![Pipe](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/pipe.png)\n Pipe2             |![Pipe2](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/shapes/pipe2.png)\n\n## Effects\n\n **Effect**      | **Demo**\n-----------------|----------------\n Blink           |![Blink](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/blink.gif)\n Jump            |![Jump](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/jump.gif)\n Magnify         |![Magnify](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/magnify.gif)\n Shift           |![Shift](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/shift.gif)\n Shrink          |![Shrink](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/shrink.gif)\n Slide           |![Slide](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/slide.gif)\n Thump           |![Thump](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/thump.gif)\n Worm            |![Worm](https://github.com/imujtaba8488/showcase/blob/master/im_stepper/dot_stepper/effects/worm.gif)\n\n## Publications\n\nHere's a collection of articles, examples, posts, etc., about im_stepper. If you find another one please let me know.\n\n* Medium Article with `IconStepper` Example: [Beautiful Page Indicators and Steppers with the im_stepper package](https://imujtaba8488.medium.com/beautiful-page-indicators-and-steppers-with-the-im-stepper-package-8c091cf5364e). __Note:__ A new way of controlling the steppers has been introduced in version 0.1.2+8. The article will be updated shorty. For now, please see examples.\n\n* Interested in reading a book or watching a video on effectively using the im_stepper package in your Flutter Apps? __[Vote here!](https://forms.gle/rQqpARMTAcCCNE9V8)__\n\n## Feedback\n\n* Please file an issue __[here](https://github.com/imujtaba8488/package_im_stepper/issues).__\n\n* For more information please send me an email or connect with me.\n\n## Connect with me\n\n[![GitHub](https://github.com/imujtaba8488/showcase/blob/master/icons/github_64px%20b:w.png)](https://github.com/imujtaba8488) [![Twitter](https://github.com/imujtaba8488/showcase/blob/master/icons/twitter_64px%20b:w.png)](https://twitter.com/imujtaba8488)  [![LinkedIn](https://github.com/imujtaba8488/showcase/blob/master/icons/linkedin_64px%20b:w.png)](https://www.linkedin.com/in/imujtaba8488/)  [![Medium](https://github.com/imujtaba8488/showcase/blob/master/icons/medium_64px%20b:w.png)](https://imujtaba8488.medium.com)  [![Instagram](https://github.com/imujtaba8488/showcase/blob/master/icons/insta_64px%20b:w.png)](https://www.instagram.com/imujtaba8488/)  [![Facebook](https://github.com/imujtaba8488/showcase/blob/master/icons/fb_64px%20b:w.png)](https://www.facebook.com/imujtaba8488/)\n\n## Please Support\n\n* ![Like](https://github.com/imujtaba8488/showcase/blob/master/icons/thumbs_up.png) Please __Like__ to __support__!\n\n* [Become a Patron](https://www.patreon.com/imujtaba8488)\n\n* [Buy me a Coffee](https://www.buymeacoffee.com/imujtaba8488)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimujtaba8488%2Fpackage_im_stepper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimujtaba8488%2Fpackage_im_stepper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimujtaba8488%2Fpackage_im_stepper/lists"}