๐ซ 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: