animation_wrappers

Package Overview

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

Animation Wrappers is a Flutter package that provides a collection of widget wrappers to easily add animations to any child widget. By simply wrapping a widget with one of the provided animation wrappers, developers can apply smooth entrance effects, transitions, and visual enhancements without writing custom animation code. The package supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it ideal for cross-platform apps seeking polished UI interactions. It's lightweight and designed for simplicity, focusing on quick integration and consistent results.

Use cases

Adding entrance animations to UI elements
Creating subtle hover or tap effects
Enhancing list item transitions
Improving onboarding screens
Animating static content in dashboards
Simplifying repetitive animation logic

Key features

Easy-to-use wrapper widgets
Supports multiple animation types
Cross-platform compatibility
Minimal boilerplate required
Lightweight and performant
No need for complex AnimationController setup

Suitable for

Beginner Flutter developers
UI/UX designers implementing animations
Projects requiring quick animation integration
Apps with dynamic content layouts
Developers focused on user experience enhancement

Considerations

Limited customization compared to manual animations
May not support advanced animation sequences
Best suited for simple, common animation patterns
Not ideal for highly complex or unique animations
Depends on package updates for new features

Original README

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

Animation Wrapper widgets, just wrap the child to be animated with this wrapper widget and that child will be animated.

Getting Started

To use this package, add animation_wrappers as a dependency in your pubspec.yaml file.

:star_struck: :heart_eyes: Major Update :heart_eyes: :star_struck:

See example for all animation wrappers

Add dependency

dependencies:
  animation_wrappers: ^3.0.2

Import

import 'package:animation_wrappers/animation_wrappers.dart';

Usage: FadedScaleAnimation

FadedScaleAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: FadedSlideAnimation

FadedSlideAnimation(
    Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
    beginOffset: Offset(0.5, 2),
    endOffset: Offset(0.5, 1),
),

Usage: FadeAnimation

FadeAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Usage: ScaleAnimation

ScaleAnimation(
    child: Container(
        height: 200,
        width: 200,
        color: Colors.blue,
    ),
),

Many more animation wrappers will be added soon..!

Made with :heart: by Jagrit

Search packages, repositories and app categories