Animated Transitions

A Flutter package providing a collection of beautiful and smooth transitions for page navigation

Features

  • A set of high-quality page transitions.
  • Simple, controller-based animation management.
  • Customizable transition duration and behavior.
  • Works with the standard Flutter Navigator.

Showcase

Horizontal Growing Bars Vertical Growing Bars Horizontal Random Finish Random Pixelated Vertical Pixels Vertical Wave

Usage

To use the page transitions, you can wrap your page route with the TransitionPageRoute and provide a transition type.

import 'package:flutter/material.dart';
import 'package:animated_transitions/animated_transitions.dart';

// ...

Navigator.of(context).push(
  TransitionPageRoute(
    builder: (context) => const NextScreen(),
    transitionAnimation: GrowingBarsTransition(),
  ),
);

Create your own

Create your own transition by subclassing Transition widget

Libraries

animated_transitions
enums
transition
transition_controller
transition_page_route
transition_wrapper
transitions/directional_pixelated_transition
transitions/expanding_circles_transition
transitions/growing_bars_transition
transitions/pixelated_transition_base
transitions/random_finish_bars_transition
transitions/random_pixelated_transition
transitions/wave_bars_transition