A showcase of the most common Flutter animation APIs.

Related tags

Templates flutter
Overview

Flutter Animations Gallery

This project is a showcase of the most common Flutter animation APIs.

Preview

Animations Gallery Preview

Also available as a Flutter web demo.

Settings

  • Curves: a showcase of all built-in Flutter animation curves
  • Themes: primary color theme selection (red, indigo, green, brown)
  • Duration: slider to set the duration of various animations in the app

Implicit Animations

  • AnimatedContainer
  • AnimatedPositioned
  • TweenAnimationBuilder

Explicit Animations

  • ScaleTransition
  • RotationTransition
  • Staggered Animations
  • Animated Ring (AnimationController + CustomPainter)

Other Features

  • Adaptive UI: Drawer navigation on mobile portrait, split view on mobile landscape or bigger form factors
  • Global application state with Riverpod (selected curve, theme, duration)

Note: I may expand this to include more examples in the future. Contributions and PRs are welcome.

Want More? Get my Flutter Animations Masterclass

This full course will teach you how to build a habit tracking application with completely custom UI and animations.

Included: 7 hours of in-depth content, full source code, extra challenges & much more.

Animations Gallery Preview

License: MIT

You might also like...

A Flutter package allows you to Showcase/Highlight your widgets step by step.👌🔝🎉

A Flutter package allows you to Showcase/Highlight your widgets step by step.👌🔝🎉

ShowCaseView A Flutter package allows you to Showcase/Highlight your widgets step by step. Preview Installing Add dependency to pubspec.yaml Get the l

Jan 2, 2023

Todo app codelab - A simple UI for todo app to showcase Flutter features and core concepts

Todo app codelab - A simple UI for todo app to showcase Flutter features and core concepts

Codelab Todo App A simple todo app UI for to showcase Flutter and Dart core conc

May 12, 2022

A Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best.

A Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best.

Weather One This is a Flutter Weather App primarily developed to showcase my technical knowledge as well as practices I believe are the best. The weat

Apr 27, 2022

A sample app to showcase Recipes App UI demo in flutter

A sample app to showcase Recipes App UI demo in flutter

Flutter-Recipes-App-UI A sample app to showcase Recipes App UI demo in flutter. Development Setup Clone the repository and run the following commands:

Dec 20, 2022

A sample app to showcase Crypto Wallet App UI demo in flutter.

A sample app to showcase Crypto Wallet App UI demo in flutter.

Flutter-Crypto-Wallet-App A sample app to showcase Crypto Wallet App UI demo in flutter. Development Setup Clone the repository and run the following

Dec 14, 2022

:bug: Flutter debug helper widget with common and custom actions

:bug: Flutter debug helper widget with common and custom actions

Debug Friend Flutter debug helper widget with common and custom actions This helps you reduce the development and testing time of new features Show so

Dec 7, 2022

Flutter guide + SDK. Check Community repository for common information.

freeRASP for Flutter freeRASP for Flutter is a part of security SDK for the app shielding and security monitoring. Learn more about provided features

Dec 26, 2022

Firebase dart common interface and implementation for Browser, VM, node and flutter

firebase.dart Firebase dart common interface and implementation for Browser, VM, node and flutter Firebase Initialization Usage in browser import 'pac

Nov 28, 2021

A flutter app to practice some common and important widgets

Flutter Beginner 2 A flutter app to practice some common and important widgets Developer Alexander Sosa (https://www.linkedin.com/in/alexander-sosa-as

Jan 3, 2022
Comments
  • upgrade riverpod 2.1.1 to support latest flutter 3.3.9

    upgrade riverpod 2.1.1 to support latest flutter 3.3.9

    the current riverpod version will generate some error

    lib/samples/settings/curves.dart:132:63: Error: The getter 'state' isn't defined for the class 'String'.

    so i upgrade the riverpod version to 2.1.1 to support the latest flutter 3.3.9

    opened by clevertension 0
Owner
Andrea Bizzotto
Flutter GDE ❖ Creator of codewithandrea.com ❖ YouTube: nnbd.me/yt ❖ Complete Dart Course: nnbd.me/dart
Andrea Bizzotto
GitHub https://codewithandrea.com/
Contactus - a flutter package. The most common functionality added in any commercial app is the Developer's contact details

Contact Us The most common functionality added in any commercial app is the Developer's contact details!! So this package helps the developers to simp

Abhishek Doshi 19 Aug 4, 2022
A mobile client for the public apis repository, 1400+ free apis to use able to be navigated through your phone :)

Public APIs mobile app Your assistant app that will help you discover and pick the next API for your next development project What it contains, you sa

Gwhyyy 4 Dec 25, 2022
A set of real world timelines to showcase the use of timeline_tile package, built with Flutter.

beatiful_timelines Beautiful timelines built with Flutter and timeline_tile. Current examples: Timeline Showcase Football Timeline Activity Timeline S

null 233 Dec 21, 2022
A showcase flutter todo application.

flutter_todo A showcase/portfolio todo app. Inspired by https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept The result The app uses my own librar

David Leibovych 64 Dec 17, 2022
A showcase flutter todo application.

flutter_todo A showcase/portfolio todo app. Inspired by https://dribbble.com/shots/3812962-iPhone-X-Todo-Concept The result The app uses my own librar

David Leibovych 64 Dec 17, 2022
A showcase app for displaying image lists, developed on Flutter.

flutter_showcase_app Pixabay: A Flutter demo application. A showcase app for displaying image lists, developed on Flutter. Uses BLOC pattern, SQFLite

Muhammad Umair Adil 26 Nov 25, 2022
A Flutter app to showcase different types of Splash Screens

Flutter Splash Demo A Flutter applicaiton to showcase how to make different types of Splash Screens. In this demo we have used Video Player plugin, th

FlutterDevs 173 Dec 29, 2022
Flutter showcase app.

fmovies - Flutter showcase app fmovies is a multiplatform app for browsing new movies and fetching nearest cinemas. It is completely written in Dart a

Martian & Machine 39 Dec 13, 2022
Aris wallstreetnw - Showcase how to work with HttpClient in Flutter

Flutter News App Demo This project is to showcase how to work with HttpClient in

Behruz Hurramov 4 Mar 31, 2022
BubbleShowcase is a small but power flutter package that allows you to highlight specific parts of your app to explain them to the user or to showcase your app new features.

BubbleShowcase BubbleShowcase is a small but powerful flutter package that allows you to highlight specific parts of your app (to explain them to the

Hugo Delaunay 38 Oct 26, 2022