App Loader Animations

A Flutter package that provides beautiful animated loading images with various effects to enhance user experience during loading states. Supports network images, local assets, and SVG files.

Features

  • Multiple Animation Types: Pulsing, zooming, sliding, color transitions, and combined effects
  • Image Format Support: Network images, local assets, and SVG files
  • Customizable: Adjustable size, colors, and animation parameters
  • Easy to Use: Simple widget-based API
  • Performance Optimized: Uses cached network images for better performance

Getting started

Add this to your package's pubspec.yaml file:

dependencies:
  app_loader_animations: ^0.0.1

Then run:

flutter pub get

Usage

Basic App Loader

import 'package:app_loader_animations/app_loader_animations.dart';

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AppLoader(
      image: 'https://example.com/your-image.png',
      contHeight: 200,
      contWidth: 200,
      backgroundColor: Colors.white,
    );
  }
}

Zoom Pulse Animation

ZoomPulseImage(
  image: 'assets/images/logo.png',
  width: 150,
  height: 100,
)

Pulsing Animation

PulsingImage(
  image: 'https://example.com/loading.gif',
  width: 120,
  height: 80,
)

Color Animated Image

ColorAnimatedImage(
  image: 'assets/images/icon.svg',
  width: 100,
  height: 100,
  color: Colors.blue,
)

Slide and Zoom Animation

SlideAndZoomImage(
  image: 'https://example.com/banner.png',
  width: 200,
  height: 150,
)

Additional information

For more detailed examples and advanced usage, check out the /example folder in the repository.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Issues

If you encounter any issues or have suggestions for improvements, please file an issue on the GitHub repository.

Libraries

app_loader_animations