Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
wave_transition cover
Package detailsv0.0.6

wave_transition

A flutter package which helps you create amazing wave transitions.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
27
Likes
32
Pub points
150

Install package

flutter pub add wave_transition

Package Overview

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

A Flutter package designed to create smooth and visually appealing wave transitions between screens or widgets. It enables developers to implement fluid, animated wave effects with minimal code, enhancing user experience through dynamic visual feedback. Ideal for modern app interfaces that prioritize engaging animations. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent behavior across devices.

Use cases

  • Creating animated screen transitions
  • Enhancing UI navigation with wave effects
  • Adding visual flair to button taps
  • Designing splash screens with wave animations
  • Implementing interactive widget transitions

Key features

  • Smooth wave animation effects
  • Cross-platform compatibility
  • Simple API integration
  • Customizable wave parameters
  • Lightweight and performant
  • Supports both forward and reverse transitions

Suitable for

  • UI/UX designers seeking dynamic animations
  • Developers building modern Flutter apps
  • Apps requiring engaging onboarding experiences
  • Projects focused on visual storytelling
  • Teams aiming for polished, professional interfaces

Considerations

  • May impact performance on low-end devices
  • Requires careful tuning for optimal visual effect
  • Limited customization beyond wave shape and speed
  • Not suitable for highly complex transition logic
  • Best used sparingly to avoid visual clutter

Original README

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

wave_transition

The package will provide smooth wave transitions between pages without having to write any boilerplate code.

example

Getting Started

[Example] (https://github.com/sonykurian96/wave_transition/blob/master/example/lib/main.dart)

To use this package : *add the dependency to your [pubspec.yaml] file

   dependencies:
     flutter:
       sdk: flutter
     wave_transition:

use case

   onPressed: () {
     Navigator.push(
       context,
       WaveTransition(
        child: SecondScreen(),
        center: FractionalOffset(0.90, 0.90)
        duration: Duration(milliseconds: 3000) // optional
      )
   );
 },

You can pass arguments using RouteSettings ->

    settings: RouteSettings(
      arguments: "yeah! it works!"
    )

Categories

Animation & Transition

Source repository

Projects using this package

No data available yet.