Liquid Swipe
A Flutter package for creating liquid-like swipe animations between stacked widgets or containers.
What is Liquid Swipe?
Liquid Swipe Flutter is a Flutter package that enables developers to implement liquid-like swipe animations between stacked widgets or containers. It solves the need for visually engaging transitions in multi-step interfaces like app onboarding, tutorials, or interactive galleries by providing a customizable and smooth swipe experience.
Flutter developers building mobile applications that require animated page transitions, particularly those creating onboarding screens, tutorials, or interactive multi-step UIs.
Developers choose Liquid Swipe Flutter for its flexibility in accepting any widget as a page, its smooth liquid animation effects inspired by popular designs, and its comprehensive control options via a dedicated controller for managing swipes and gestures programmatically.
Overview
A flutter based liquid swipe
Use Cases
Best For
- Creating animated onboarding screens for Flutter apps
- Building interactive tutorials with swipeable steps
- Implementing smooth page transitions in mobile galleries
- Developing multi-step forms with engaging visual feedback
- Adding liquid animation effects to stacked widget navigation
- Designing custom walkthroughs with gesture-controlled flows
Not Ideal For
- Apps requiring standard page navigation without custom animations
- Projects with strict performance constraints on low-end devices
- Teams needing extensive pre-built components and community plugins
- Use cases where swipe gestures must integrate with complex nested scroll views
Pros & Cons
Pros
Accepts any Flutter widget as a page, enabling complete design control, as shown in the usage example where Containers are passed directly to the pages list.
Supports multiple wave types like liquid reveal for different visual effects, customizable through the waveType property in LiquidSwipe.
LiquidController allows runtime page jumps, animations, and gesture management, with methods like animateToPage and jumpToPage for precise interaction.
Offers fine-grained gesture options, such as disabling gestures, setting sensitivity via fullTransitionValue, and ignoring gestures during animation with ignoreUserGestureWhileAnimating.
Cons
Version 2.0.0 introduced null safety and removed attributes like enableSlideIcon, requiring migration efforts that can disrupt existing code, as noted in the migration section.
The liquid animations and frequent callbacks like slidePercentCallback can impact app performance, especially on less powerful devices, with no built-in optimization hints.
As a specialized package, it lacks the extensive community support, tutorials, and third-party integrations common in more mainstream Flutter navigation solutions.
Frequently Asked Questions
Related Projects
ShimmerA package provides an easy way to add shimmer effect in Flutter project
WaveA Flutter package for displaying waves.
ParallaxA sample for having PageView transformation effects in Flutter.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.