🔧 Update spring example title.

Author: SaadArdati

example/lib/main.dart

@@ -5,7 +5,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter/scheduler.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_box_transform/flutter_box_transform.dart';
-import 'package:hyper_effects_demo/stories/animate_buttons.dart';
+import 'package:hyper_effects_demo/stories/chained_animation.dart';
+import 'package:hyper_effects_demo/stories/spring_animation.dart';
 import 'package:hyper_effects_demo/stories/color_filter_scroll_transition.dart';
 import 'package:hyper_effects_demo/stories/scroll_phase_transition.dart';
 import 'package:hyper_effects_demo/stories/scroll_wheel_blur.dart';
@@ -72,9 +73,13 @@ class Storyboard extends StatefulWidget {
 class _StoryboardState extends State<Storyboard> {
   final List<Story> animationStories = [
     const Story(
-      title: 'Animated Buttons',
+      title: 'Spring Animation',
       child: SpringAnimation(),
     ),
+    // const Story(
+    //   title: 'Chained Animation',
+    //   child: ChainedAnimation(),
+    // )
   ];
   final List<Story> transitionStories = [
     const Story(

example/lib/stories/chained_animation.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:hyper_effects/hyper_effects.dart';
+
+class ChainedAnimation extends StatefulWidget {
+  const ChainedAnimation({super.key});
+
+  @override
+  State<ChainedAnimation> createState() => _ChainedAnimationState();
+}
+
+class _ChainedAnimationState extends State<ChainedAnimation> {
+  bool selected = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: GestureDetector(
+        onTap: () {
+          setState(() {
+            selected = !selected;
+          });
+        },
+        child: Image.asset('assets/pin_ball_256x.png', width: 150, height: 150)
+            .translateY(selected ? 300 : 0)
+            .animate(
+                toggle: selected,
+                curve: selected ? Curves.easeOutQuart : Curves.elasticOut,
+                duration: Duration(milliseconds: selected ? 1000 : 450),
+                onEnd: () {
+                  if (selected) {
+                    setState(() {
+                      selected = false;
+                    });
+                  }
+                }),
+      ),
+    );
+  }
+}