Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
image_stack cover
Package detailsv2.1.1

image_stack

image_stack is a pure dart package for creating image stack in Flutter. This package give you a widget to easily create image stack for your need.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
3.3K
Likes
158
Pub points
150

Install package

flutter pub add image_stack

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

image_stack is a pure Dart package for Flutter that provides a widget to easily create image stacks, ideal for displaying multiple profile pictures or avatars in a layered format. It supports various platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is lightweight and designed for simplicity, enabling developers to quickly implement visual groupings such as chat heads or team member displays without complex configurations.

Use cases

  • Displaying group avatars in chat interfaces
  • Creating profile picture stacks for team or group profiles
  • Visualizing user presence in collaborative apps
  • Enhancing UI with layered avatar designs
  • Building social media profile sections
  • Showing connected users in real-time applications

Key features

  • Simple widget-based implementation
  • Supports multiple platform deployment
  • Customizable layering and spacing
  • Lightweight and dependency-free
  • Easy integration via pub add
  • Responsive design across devices

Suitable for

  • Flutter developers building chat or social apps
  • Designers needing visual avatar groupings
  • Apps requiring user presence indicators
  • Projects focused on clean, minimal UI components
  • Teams creating collaborative or community platforms

Considerations

  • Limited to basic stacking; no advanced animations
  • No built-in support for dynamic loading or error handling
  • Requires manual management of image sources
  • Not optimized for very large image sets
  • Best suited for small groups (3-6 images)
  • May need additional styling for complex layouts

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

image_stack

image_stack is a pure dart package for creating image stack in Flutter. This package give you a widget to easily create image stack for your need.

UI created by this package is mainly found in profile picture stacks in so many apps but it can be used at any place where you feel it will look good.

Pub Package: image_stack

Medium Article: Building profile image stack in Flutter

Installation

In the dependencies: section of your pubspec.yaml, add the following line:

image_stack: <latest_version>

Usage

import 'package:image_stack/image_stack.dart';

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<string> images = ["image1Link", "image2Link", "image3Link", "image4Link"];
    return ImageStack(
            imageList: images,
            totalCount: images.length // If larger than images.length, will show extra empty circle
            imageRadius: 25, // Radius of each images
            imageCount: 3, // Maximum number of images to be shown in stack
            imageBorderWidth: 3, // Border width around the images
        );
  }
}

Example

View the Flutter app in the example directory.

Screenshot

Image Stack Screenshot

Contributors

Categories

Avatar, Profile Picture & Chat Heads

Source repository

Projects using this package