šŸš€ Zeba Academy Stepper

Advanced Stepper Widgets for Flutter

Vertical • Horizontal • Animated • Customizable


✨ Overview

Zeba Academy Stepper is a modern Flutter package that provides beautiful and customizable stepper widgets.

It helps developers build:

  • Order tracking screens
  • Progress flows
  • Timeline experiences
  • Multi-step forms
  • Learning progress screens
  • Activity history

⭐ Features

āœ… Vertical Stepper Widget āœ… Horizontal Stepper Widget āœ… Smooth Progress Animations āœ… Custom Step Icons āœ… Custom Step Content āœ… Active Step Highlight āœ… Completed Step State āœ… Error Step State āœ… Pending Step State āœ… Material 3 Compatible āœ… Null Safety Support āœ… Lightweight Package


šŸ“¦ Installation

Add dependency:

dependencies:
  zeba_academy_stepper: ^1.0.0

Run:

flutter pub get

šŸš€ Getting Started

Import the package:

import 'package:zeba_academy_stepper/zeba_academy_stepper.dart';

šŸ“± Vertical Stepper

ZebaVerticalStepper(

steps: [

ZebaStep(
title: "Order Placed",
subtitle: "Your order was received",
status: StepStatus.completed,
),


ZebaStep(
title: "Processing",
subtitle: "Preparing your order",
status: StepStatus.active,
),


ZebaStep(
title: "Delivered",
status: StepStatus.pending,
),

],

)

šŸ“± Horizontal Stepper

ZebaHorizontalStepper(

steps: [

ZebaStep(
title: "Account",
status: StepStatus.completed,
),


ZebaStep(
title: "Payment",
status: StepStatus.active,
),


ZebaStep(
title: "Complete",
status: StepStatus.pending,
),

],

)

šŸŽØ Custom Theme

ZebaVerticalStepper(

theme: ZebaStepperTheme(

activeColor: Colors.blue,

completedColor: Colors.green,

errorColor: Colors.red,

),

steps: [

ZebaStep(
title: "Success",
status: StepStatus.completed,
)

],

)

šŸ“Œ Step Status

StepStatus.pending

Waiting state

StepStatus.active

Current running step

StepStatus.completed

Finished step

StepStatus.error

Failed step


šŸ’” Use Cases

šŸ›’ E-Commerce

  • Order tracking
  • Delivery status
  • Checkout progress

šŸŽ“ Education

  • Course progress
  • Lesson completion
  • Learning paths

šŸ’¼ Business Apps

  • Workflow
  • Approval process
  • Task tracking

šŸ›  Requirements

Flutter:

>= 3.0.0

Dart:

>= 3.0.0

šŸ¤ Contributing

Contributions are welcome.

Steps:

  1. Fork repository

  2. Create branch

git checkout -b feature/new-feature
  1. Commit changes
git commit -m "Add new feature"
  1. Push changes
git push origin feature/new-feature
  1. Create Pull Request

šŸ› Issues

Found a bug?

Create an issue and share:

  • Problem description
  • Steps to reproduce
  • Flutter version

šŸ‘Øā€šŸ’» About Me

✨ I’m Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.

Website:

https://sufyanism.com/

LinkedIn:

https://www.linkedin.com/in/sufyanism


šŸŽ“ Zeba Academy

Your all-in-one learning hub!

šŸš€ Explore courses and resources in:

  • Coding
  • Technology
  • Development

Learn through:

  • Practical tutorials
  • Real-world projects
  • Hands-on experience

🌐 Website:

https://zeba.academy

šŸ’» Coding Resources:

https://code.zeba.academy

ā–¶ YouTube:

https://www.youtube.com/@zeba.academy

šŸ“ø Instagram:

https://www.instagram.com/zeba.academy/


šŸ“„ License

This project is licensed under the:

GNU General Public License v3.0

You are free to:

  • Use the package
  • Modify the source
  • Share improvements

Conditions:

  • Modified versions must remain GPL licensed
  • License notices must be kept
  • Source code must remain available

See LICENSE file for details.


Made with ā¤ļø for Flutter developers.

Zeba Academy Stepper šŸš€