squishy 0.0.2 copy "squishy: ^0.0.2" to clipboard
squishy: ^0.0.2 copied to clipboard

Beautiful organic page transitions for Flutter with blob, gooey, elastic, and stretch effects.

๐Ÿซ  Squishy #

Beautiful organic page transitions for Flutter. Add liquid, elastic, gooey, and stretchy navigation animations to your app with just one line.

๐ŸŽฌ Preview #


โœจ Features #

  • ๐Ÿš€ Smooth page transitions
  • ๐Ÿซ  Organic blob animations
  • ๐Ÿ”ฅ Gooey liquid effects
  • โœจ Elastic bounce transitions
  • ๐Ÿงฉ Stretch/rubber reveal
  • โšก Lightweight & easy to use
  • ๐ŸŽจ Modern transition showcase
  • ๐Ÿ“ฑ Works on Android, iOS, Web & Desktop

๐Ÿ“ฆ Installation #

Add this to your pubspec.yaml

dependencies:
  squishy: ^0.0.2

Then run:

flutter pub get

๐Ÿš€ Usage #

Import package:

import 'package:squishy/squishy.dart';

โœจ Elastic Transition #

Navigator.of(context).push(
  SquishyPageRoute(
    page: const NextScreen(),
    effect: SquishyEffect.elastic,
  ),
);

๐Ÿซ  Blob Transition #

Navigator.of(context).push(
  SquishyPageRoute(
    page: const NextScreen(),
    effect: SquishyEffect.blob,
  ),
  
);

๐Ÿš€ Stretch Transition #

Navigator.of(context).push(
  SquishyPageRoute(
    page: const NextScreen(),
    effect: SquishyEffect.stretch,
  ),
);

๐Ÿ”ฅ Gooey Transition #

Navigator.of(context).push(
  SquishyPageRoute(
    page: const NextScreen(),
    effect: SquishyEffect.gooey,
  ),
);

๐ŸŽจ Available Effects #

SquishyEffect.elastic
SquishyEffect.blob
SquishyEffect.stretch
SquishyEffect.gooey

๐Ÿง  Example #

Navigator.push(
  context,
  SquishyPageRoute(
    page: const HomeScreen(),
    effect: SquishyEffect.blob,
  ),
);

๐ŸŒŸ Why Squishy? #

Squishy is designed to make Flutter navigation feel:

  • smoother
  • more playful
  • modern
  • interactive
  • visually satisfying

Instead of boring default transitions, Squishy gives your app personality.


๐Ÿ“ฑ Platform Support #

Platform Supported
Android โœ…
iOS โœ…
Web โœ…
macOS โœ…
Windows โœ…
Linux โœ…

๐Ÿ”ฎ Upcoming Effects #

  • ๐ŸŒŠ Wave
  • ๐Ÿ–ค Ink
  • ๐Ÿ’ซ Morph
  • ๐ŸŒˆ Liquid Swipe
  • ๐Ÿงช Advanced Goo Physics

๐Ÿค Contributing #

Pull requests are welcome. Feel free to improve animations, performance, and effects.


๐Ÿ“„ License #

MIT License ยฉ 2026


๐Ÿ’™ Show Some Love #

If you like this package, give it a โญ on GitHub and support the project ๐Ÿš€

๐ŸŒ GitHub #

โญ Star the project on GitHub:

Squishy GitHub Repository

1
likes
140
points
7
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Beautiful organic page transitions for Flutter with blob, gooey, elastic, and stretch effects.

Repository (GitHub)
View/report issues

Topics

#animation #transition #page-transition #flutter-animation #ui

License

MIT (license)

Dependencies

flutter

More

Packages that depend on squishy