snappable_thanos

Package Overview

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

A playful Flutter package that creates Thanos's snap effect, turning widgets into dust for entertainment. Perfect for adding a fun, dramatic animation to your app when triggered. The effect is purely visual and designed for whimsical use cases, not production functionality. It supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux.

Use cases

Adding fun animations to apps
Creating meme-like effects
Enhancing user engagement with humor
Simulating fictional powers in games
Entertaining UI transitions

Key features

Dramatic dust explosion effect
Simple integration with existing widgets
Cross-platform compatibility
Lightweight and easy to use
Fun, non-functional animation

Suitable for

Developers seeking playful UI elements
Apps with gamified or humorous themes
Prototypes needing entertaining interactions
Educational projects about animations
Users wanting to experiment with Flutter effects

Considerations

Not suitable for production-critical features
May impact performance on low-end devices
Primarily for entertainment, not utility
Limited customization options
Does not support complex state management

Original README

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

Thanos's Snap effect library in Flutter

Check out blog post describing the package on Fidev.

Examples

Getting Started

Import it

import 'package:snappable_thanos/snappable_thanos.dart';

Wrap any widget in Snappable

@override
Widget build(BuildContext context) {
  return Snappable(
    child: Text('This will be snapped'),
  );
}

Snap with a Key


class MyWidget extends StatelessWidget {
  final key = GlobalKey<SnappableState>();
  @override
  Widget build(BuildContext context) {
    return Snappable(
      key: key,
      child: Text('This will be snapped'),
    );
  }
  
  void snap() {
    key.currentState.snap();
  }
}

Undo by currentState.reset().

or snap by tap


class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Snappable(
      snapOntap: true,
      child: Text('This will be snapped'),
    );
  }
}

Undo by tapping again.

Callback for when the snap ends


class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Snappable(
      onSnapped: () => print("Snapped!"),
      child: Text('This will be snapped'),
    );
  }
}

Search packages, repositories and app categories