Search packages, repositories and app categories

Package detailsv0.0.7

animate_routes

animate_routes is a minimalist library to provider some cool animation transition when you navigate between the screens.

30-day downloads
68
Likes
26
Pub points
70

Install package

flutter pub add animate_routes

Package Overview

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

animate_routes is a lightweight Flutter package that enables smooth and visually appealing screen transitions with customizable animations. Designed for simplicity, it allows developers to easily add entrance and exit animations when navigating between routes. The library integrates seamlessly into existing Flutter apps without requiring complex setup. It supports common animation types such as slide, fade, and scale effects, enhancing user experience through fluid navigation. Ideal for apps aiming to improve UI polish with minimal effort.

Use cases

  • Adding animated screen transitions in mobile apps
  • Enhancing user experience with visual feedback during navigation
  • Creating polished onboarding flows
  • Implementing custom route animations with minimal code
  • Improving app aesthetics with subtle motion effects

Key features

  • Minimalist API design
  • Supports multiple animation types (slide, fade, scale)
  • Easy integration with MaterialApp or Navigator
  • Customizable animation duration and curve
  • Lightweight and dependency-free

Suitable for

  • Flutter beginners exploring animations
  • Developers seeking quick UI enhancements
  • Apps with onboarding or tutorial screens
  • Projects focused on user engagement through motion
  • Teams prioritizing clean, maintainable code

Considerations

  • Limited to basic animation types
  • No built-in support for complex custom animations
  • May require additional styling for advanced effects
  • Not suitable for highly dynamic or data-driven transitions
  • Depends on external GitHub repository for updates

Original README

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

animate_routes is a minimalist library to provider some cool transition animation when you navigate between the screens ,also provide some shorcuts to navigate easily and you can open the dialog in just three lines of code .

Features

animate_routes isn't a route manger itself is just a hack of productivy . AnimatedRoute allow you to open snackbar, open bottomSheet and dialog easily with less boilerplate .

Getting started

Installing

Add animate_routes to your pubspec.yaml file:

dependencies:
  animate_routes:

Import animate_routes in files that it will be used:

import 'package:animate_routes/animate_routes.dart';

You can use just like this

context.go(AnimateRoute(transition:Transition.downToUp,screen:Home()));
or 
Navigator.of(context).push(AnimateRoute(transition:Transition.downToUp,screen:Home()));

animate_routes provide a cool and easy api to open dialog

with animate_routes is very easi to open and animate dialog with just one line of code

context.openDialog();

or 

context.openDialog(
  transition:TransitionDialog.left,
  title: 'My title',
  content: "My content"
);

Want to contribute to the project? We will be proud to highlight you as one of our collaborators. Here are some points where you can contribute and make animate_routes even better.

  • Helping to add more features
  • Offering PRs for code/tests.
  • Including new functions.

Any contribution is welcome!

Categories

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.