animated_loader

A customizable Flutter animated image sequence loader widget with optional shimmer text effects. Smoothly transitions through a sequence of images in a loop.

Features

  • 🔄 Sequential Image Transitions: Animates through a list of images with entrance/exit slide & fade effects.
  • ✨ Optional Shimmer Effect: Add shimmering text or custom widgets below the loader.
  • 🎨 Fully Customizable: Adjust colors, image size, container size, animation durations, and text styles.

Getting Started

Add animated_loader to your pubspec.yaml:

dependencies:
  animated_loader: ^1.0.0


Usage 

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

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnimatedLoader(
        imagePaths: const [
          'assets/loader_step1.png',
          'assets/loader_step2.png',
          'assets/loader_step3.png',
        ],
        text: 'Loading your dashboard...',
        enableShimmer: true,
        shimmerBaseColor: Colors.black54,
        shimmerHighlightColor: Colors.amber,
      ),
    );
  }
}