Search packages, repositories and app categories

Package detailsv0.0.2

animated_flutter_widgets

This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a pre-designed animated widgets.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
71
Likes
56
Pub points
140

Install package

flutter pub add animated_flutter_widgets

Package Overview

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

A versatile Flutter package that enables developers to easily add captivating animations to any widget. It provides a collection of pre-designed animated widgets, simplifying the process of enhancing UI interactivity and visual appeal. With support across all major platforms, it's ideal for creating engaging user experiences without extensive custom animation code. The package is well-documented and integrates smoothly into existing projects.

Use cases

  • Creating dynamic UI elements
  • Enhancing app onboarding screens
  • Adding micro-interactions to buttons
  • Animating list items
  • Improving user engagement with visual feedback

Key features

  • Pre-built animated widgets
  • Easy integration with existing UI
  • Cross-platform support
  • Minimal boilerplate code
  • Smooth performance
  • Customizable animation parameters

Suitable for

  • UI designers seeking visual flair
  • Developers building interactive apps
  • Startups focusing on polished UX
  • Educational apps with engaging content
  • Apps requiring subtle yet effective animations

Considerations

  • May increase bundle size slightly
  • Requires understanding of basic animation concepts
  • Performance impact on low-end devices
  • Limited customization for advanced effects
  • Not suitable for highly complex animation sequences

Original README

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

pub package


animated_flutter_widgets



Introduction

Elevate your Flutter app's user interface to a whole new level with animated_flutter_widgets. This versatile package lets you effortlessly add mesmerizing animations to any widget while also offering a collection of pre-designed animated widgets for accelerated development.

Supported platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows
  • Linux

Features

* Steady Animations

screen

* Continuous Animations

screen

* Page Transition Animations

screen

* Button Tap Animations

screen

* Animated ListViews

screen

* Animated GridViews

screen

* Animated AppBars

screen

Usage

/// Check example project to explore other animations as well
/// To use these animations(Steady, Continuous & Tap Animations) wrap your widget inside the animation widgets
SlideInAnimation(
 direction: Direction.right,
 duration: const Duration(seconds: 1),
 child: YourWidget()
);

Cube3DAnimation(
 sideLength: 100,
 duration: const Duration(seconds: 4),
 isContinuous: true,
 child: YourWidget()
);

LongTapAnimation(
// pressDuration: Duration(seconds: 0),
 child: YourWidget()
);

/// To use Animated ListView & GridView
AnimatedListViewBuilder(
 itemCount: 25, // Change this to your desired item count
 customColor: ColorUtility.magenta, // Use this if you are using CollectionAnimationType.listColored
 animationType: CollectionAnimationType.leftScale, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

AnimatedGridViewBuilder(
 itemCount: 25, // Change this to your desired item count
 animationType: CollectionAnimationType.scaleOut, //Change this to your desired animation type
 itemBuilder: (context, index) {
  return YourWidget()
 }
);

/// To use Animated AppBar
SlideInAnimatedAppBar(
 backgroundColor: ColorUtility.magenta,
 animationDuration: 1000,
 title: const Text('Second Page'),
)

/// To use Page Transition Animations
Navigator.push(context,PopAndScaleTransition(page: YourPage()));

Example

Check out the example

License

MIT License

Issues and feedback

If you have any suggestions for including a feature or if something doesn't work, feel free to open a Github issue or to open a pull request, you are more than welcome to contribute!

Contributor

Categories

Source repository

Projects using this package

No data available yet.