Search categories, packages and repositories

ducafecatFlutter ecosystem guide
Package detailsv2.0.0

animated

A very simple (yet powerful) implicit animation library for Flutter.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
8.6K
Likes
31
Pub points
130

Install package

flutter pub add animated

Package Overview

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

The animated package is a lightweight yet powerful implicit animation library for Flutter, designed to simplify the creation of smooth, declarative animations. It provides intuitive APIs for animating properties like opacity, position, and scale without requiring explicit AnimationController management. Ideal for developers seeking concise, readable code for common animation patterns across multiple platforms.

Use cases

  • Creating fade-in/fade-out effects
  • Animating widget positions
  • Scaling widgets with smooth transitions
  • Adding subtle visual feedback in UI
  • Building interactive components with minimal code

Key features

  • Implicit animation handling
  • Minimal boilerplate
  • Cross-platform support
  • Simple API for common animations
  • Declarative syntax

Suitable for

  • Beginner Flutter developers
  • Projects needing quick animations
  • UI enhancements with minimal effort
  • Apps targeting multiple platforms
  • Developers avoiding complex animation controllers

Considerations

  • Limited to basic animation types
  • Not ideal for complex custom animations
  • May require additional packages for advanced effects
  • Less control compared to raw AnimationController
  • Best suited for simple, predictable animations

Original README

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

Animated

Animated is a very simple (yet powerful) implicit animation library made for Flutter.

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

@override
Widget build(BuildContext context) {
  return Animated(
    value: 1.2,
    curve: Curves.easeInOut,
    duration: Duration(milliseconds: 300),
    builder: (context, child, animation) => Transform.scale(
      scale: animation.value,
      child: child,
    ),
    child: Container(
      width: 40,
      height: 40,
      color: Colors.red,
    ),
  );
}

In this example, whenever the value changes, the builder function will be called at each frame, from the old value to the new one.

Any widget that is not modified by the animation should be moved to the child property for optimization.

Categories

Animation & Transition

Source repository

Projects using this package

No data available yet.