timer_smooth_page_indicator 1.0.2

A Flutter package for smooth, timer-based page indicators with customizable styling and transitions.

# timer_smooth_page_indicator

A Flutter package for smooth, timer-based page indicators with customizable styling and transitions.

[![Pub Version](https://img.shields.io/pub/v/timer_smooth_page_indicator.svg)](https://pub.dev/packages/timer_smooth_page_indicator)
[![GitHub Stars](https://img.shields.io/github/stars/Jeeva0604/timer_smooth_page_indicator.svg?style=social)](https://github.com/Jeeva0604/timer_smooth_page_indicator)

## Features

- Auto-progressing page indicator
- Fully customizable width, height, spacing, and colors
- Smooth animation transitions
- Perfect for intro or onboarding screens

## Installation

Add the following to your `pubspec.yaml`:

```yaml
dependencies:
  timer_smooth_page_indicator: ^1.0.0
```

Then run:

flutter pub get

Example

Usage

import 'package:flutter/material.dart';
import 'package:timer_smooth_page_indicator/timer_smooth_page_indicator.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: TimerSmoothPageIndicator(
            totalLength: 10,
            durationInSeconds: 3,
            indicatorWidth: 25,
            activeIndicatorWidth: 45,
            indicatorHeight: 8,
            indicatorColor: const Color(0xFFE0E0E0),
            progressColor: Colors.black,
            spacing: 4,
            curve: Curves.linear,
          ),
        ),
      ),
    );
  }
}

Parameters

Parameter	Type	Description
totalLength	int	Number of indicators
durationInSeconds	int	Time interval for each animation step
indicatorWidth	double	Width of the inactive indicators
activeIndicatorWidth	double	Width of the active indicator
indicatorHeight	double	Height of the indicators
indicatorColor	Color	Background color of indicators
progressColor	Color	Color for the progressing animation
spacing	double	Space between indicators
curve	Curve	Animation curve

Author

Made with ❤️ by Jeeva

• Instagram
• LinkedIn
• GitHub

---

⭐ Star this repo if you find it helpful!

---

License

This project is licensed under the MIT License - see the LICENSE file for details.

---