A Flutter package that provides a stunning and customizable animated index indicators. Perfect for showcasing images, products, or any other content in a visually appealing way.

Features

  • Beautiful animations: Smooth and visually appealing animations when swiping through the carousel.
  • Customizable: Customize the indicators appearance to match your app's style.
  • Index Indicators: Easily see and navigate through the carousel with the index indicators.
  • Responsive: Works well on various screen sizes and orientations.

Installation

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  animated_indicators: ^0.0.1
  1. Import the package and use it in your Flutter App.
import 'package:animated_indicators/animated_indicators.dart';

Example

There are a number of properties that you can modify:

  • height
  • width
  • activeColor
  • noActiveColor
  • length
class AnimatedIndicatorsPage extends StatefulWidget {
  const AnimatedIndicatorsPage({super.key});

  @override
  State<AnimatedIndicatorsPage> createState() => _AnimatedIndicatorsPageState();
}

class _AnimatedIndicatorsPageState extends State<AnimatedIndicatorsPage> {
  int activeIndex = 0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: AnimatedIndicators(
          activeColor: Colors.white,
          noActiveColor: Colors.grey,
          activeIndex: activeIndex,
          length: 3,
          width: 40,
        ),
      ),
    );
  }
}

Libraries

animated_indicators