Widget - Pulse & Attention Animations

Add continuous scaling and click-response bounce effects to your widgets effortlessly to draw user attention.

1. 🔁 Continuous Pulse

   pulseSimple · Widget

   Show Parameters

   scaleFactor · double · default: "1.2"

   The maximum scale factor the widget will reach (e.g., 1.2 is 20% larger).

   delay · int · default: "0"

   The delay before the animation starts (in milliseconds).

   duration · int · default: "500"

   The duration of a single pulse cycle (in milliseconds).

   repeat · bool · default: "true"

   If true, the animation loops indefinitely.

   reverse · bool · default: "true"

   If true, the animation cycles back and forth (scale up, then scale down).

   autoPlay · bool · default: "true"

   If true, the animation starts automatically.

   onInit · void Function(AnimationController)? · default: "null"

   A callback fired when the AnimationController is initialized.

   Applies a continuous, simple scale-in/scale-out pulsing effect, ideal for drawing subtle attention.

   Icon(Icons.favorite).pulseSimple(scaleFactor: 1.2);
   

2. 💥 Impact & Bounce

   pulseAlt · Widget

   Show Parameters

   delay · int · default: "0"

   The delay before the animation starts (in milliseconds).

   duration · int · default: "500"

   The duration of the initial scale-up phase (in milliseconds).

   repeat · bool · default: "true"

   If true, the entire two-stage animation sequence loops indefinitely.

   onInit · void Function(AnimationController)? · default: "null"

   A callback fired when the AnimationController is initialized.

   Applies a distinct two-stage bouncing scale animation (scale down -> scale up -> settle) simulating a click or impact.

   // One-off Bouncing Entrance
   Text('Success!').pulseAlt(repeat: false);