DEV Community

Cover image for 📸 Building Snap Picker — A Beautiful Animated Image Picker for Flutter
sakshi angre
sakshi angre

Posted on

📸 Building Snap Picker — A Beautiful Animated Image Picker for Flutter

#flutter #mobile #showdev #ui

📸 Building Snap Picker — A Beautiful Animated Image Picker for Flutter

Most Flutter image picker packages work…

But let’s be honest — most of them look outdated, basic, and boring.

So I decided to build something modern.

Introducing Snap Picker ✨

A beautiful animated image picker for Flutter with:

  • custom gallery UI
  • multi image selection
  • camera support
  • full screen image preview
  • upload flow
  • smooth interactions
  • modern premium design

🚀 Why I Built Snap Picker

I wanted an image picker that felt like:

  • Instagram
  • Snapchat
  • modern social apps

Instead of:

  • plain system UI
  • outdated design
  • poor UX

So I built a custom image picker experience completely in Flutter.

✨ Features

✅ Custom Gallery Picker
✅ Multi Image Selection
✅ Camera Support
✅ Full Screen Image Preview
✅ Swipe Between Images
✅ Zoom Support
✅ Upload Progress UI
✅ Remove Selected Images
✅ Draggable Bottom Sheet
✅ Smooth Animations
✅ Modern UI Design

📦 Installation

Add this to your pubspec.yaml:

dependencies:
  snap_picker: ^0.0.1
Enter fullscreen mode Exit fullscreen mode

Then run:

flutter pub get
Enter fullscreen mode Exit fullscreen mode

⚡ Usage

Using Snap Picker is simple:

SnapPicker.show(
  context,
  allowMultiple: true,
  maxSelection: 5,
  onImagesSelected: (images) {
    print(images.length);
  },
);
Enter fullscreen mode Exit fullscreen mode

🖼️ Beautiful Preview Grid 

SnapPickerPreview(
  images: selectedImages,
  onRemove: removeImage,
)
Enter fullscreen mode Exit fullscreen mode

Users can:

  • preview images
  • remove images
  • tap images for full screen view
  • zoom and swipe between images

🎨 The Goal

I didn’t want to create:

“just another image picker”

I wanted to create:

“an image picker developers actually enjoy using.”

🔥 What’s Coming Next

Future updates planned:

  • 🎞️ Video Support
  • 🫧 Gooey Animations
  • 🔄 Reorder Images
  • 📂 Album Selector
  • 🌈 Glassmorphism UI
  • ⚡ Faster Lazy Loading
  • 🎨 Full Theme Customization

❤️ Final Thoughts

Building Snap Picker was such a fun experience because it combined:

  • Flutter animations
  • UI design
  • real-world UX

This package started as a small idea…
and slowly became a polished image picker experience.

If you’re building Flutter packages:
start small, focus on UI/UX, and keep improving version by version 🚀

⭐ Check out Snap Picker on pub.dev and GitHub:

📦 https://pub.dev/packages/snap_picker

💻 https://github.com/Sakshi-2508/snap_picker

🔗 Package

⭐ If you like the package, support it on pub.dev and GitHub.

Thanks for reading 💙

Top comments (0)