Flutter Animations.

The story

Across client projects, I kept solving the same animation problems. Swipe cards, parallax scrolls, shared element transitions, physics-driven lists. Every time, I'd figure it out, get it working, and move on. The solutions lived in private notebooks or scattered across project folders where no one else could find them.

So I built a public reference repo — one place where every pattern I'd worked out lives as clean, runnable code. Open source, no license friction, clone it and go.

What I built

A collection of advanced Flutter animation patterns, each isolated into its own example so you can run it, understand it, and drop it into your own project.

Lottie animations with clean integration patterns that don't fight the rest of the app. Animated cards with gesture-driven flip, swipe, and scale interactions — the kind that feel premium when you touch them. Parallax and physics-driven scrolling that makes a list feel alive instead of flat.

Custom clip paths using Flutter's CustomClipper for non-rectangular shapes and masked reveals. Navigation animations with shared element transitions between routes, so moving between screens feels like the UI is actually connected. Custom loaders that are animated and branded rather than generic spinners.

Gesture-based overlays and bottom sheets with the smooth, sticky behavior users expect from a polished app.

How it works

Each pattern is its own self-contained example. The repo isn't structured as a tutorial with explanations — it's working code you read and run.

Lottie uses the lottie package to drive JSON-based animations with full playback control. The card interactions are built on Flutter's GestureDetector and AnimationController, with physics curves doing the heavy lifting on the feel. Parallax effects use the ScrollController to drive transforms on layered widgets as the user scrolls.

Clip paths are written as custom CustomClipper subclasses that recalculate on every frame when animated. Shared element transitions use Flutter's Hero widget with custom flight animations where the default arc doesn't fit. The physics-driven elements use SpringSimulation and FrictionSimulation to get movement that has actual weight to it.

Stack

Mobile — Flutter, Dart, Lottie.

Animation APIs — AnimationController, GestureDetector, ScrollController, CustomClipper, Hero, SpringSimulation, FrictionSimulation.

Outcomes

The repo is public on GitHub and has been used as a reference by Flutter developers who found the same patterns hard to track down in documentation. It's become a go-to starting point for anyone who wants to build something that moves well without spending days figuring out the Flutter animation APIs from scratch.

Find it at github.com/TarunNagaSai/Flutter-Animations.