112 Repositories
Flutter animations-demostration Libraries
A simple project with cool animations and fluid UI
Pokedex This task was quite an interesting one. As with all my projects, I started with understanding the scope and state of this app. I decided to us
Pokedex app built with Flutter (with lots of animations) using Clean Architecture.
Flutter Pokedex Pokedex app built with Flutter App preview Video demo Installation Add Flutter to your machine Open this project folder with Terminal/
Flutter Pokedex app with Riverpod, animations and clean architecture.
Pokedex Generated by the Very Good CLI ๐ค Screenshots Getting Started ๐ This project contains 3 flavors: development staging production To run the de
Advanced & beautiful animations inspired by animate_do and Animate.css, every animation is a widget that contains default but customizable values ๐
animate_it An animation package inspired by animate_do and Animate.css. Since the original animate_do is not being maintained, I have decided to creat
My UI and Animations Challanges in Flutter/Dart
ui_challenges Comecei com essa challange, por causa do novo emprego preciso de praticar muito mais animaรงรตes e telas, toda semana uma UI Nova com o te
Advanced widgets, animations and more.
advanced_ui A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t
Google logo animation reproduction made with Flutter
Google logo animation This project is a reproduction of a piece of the Google logo animation using pure Flutter animations Preview output.mp4 iOS & An
A fancy animated bottom navigation bar ๐ซ.
Stacky_bottom_nav_bar A fancy animated bottom navigation bar. Preview Default Light Mode Default Dark Mode โ ๏ธ IMPORTANT: when adding this widget donโt
Practice building basic animations in apps along with managing app state by BLoC State Management, Flutter Slider.
Practice building basic animations in apps along with managing app state by BLoC State Management including: Cubit & Animation Widget, Flutter Slider.
Use your Flutter knowledge to generate videos, animations and slideshows
Use your Flutter knowledge to generate videos, animations and slideshows! Automate your video production with server-side rendering. Footage is still
Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.
Animated SVG | Flutter Package Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in
A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.
A package that gives us a modern way to show animated border as a placeholder while loading our widget with easy customization and ready to use.
A collection of awesome flutter loading animation
loading_indicator_view A collection of awesome flutter loading animation Demo Usage loading_indicator_view: ^1.1.0 Animation types Type Type Type Typ
Serene is a white noise app developed with Flutter. It helps you meditate, sleep better, focus, relax and be calm.
Serene - Relax, Meditate and Sleep A white noise app developed with Flutter. It helps you meditate, sleep better, focus, relax and be calm. Screenshot
Simple and beautiful smooth animated charts.
Charts Flutter Simple and beautiful smooth animated charts. Supported charts Bar Group bar Candle Line Pie Example Check /example folder for more deta
Render After Effects animations natively on Flutter
Draw Lottie files on a Flutter Widget
Flutter Festival Flutter Animations Session App
Source Code for the App Used in The Flutter Festival Saudi Arabia Session (Arabic) & The Flutter Festival Valsad & Surat Session (English) Inside The
You can use this package for transition between screens with interesting way with amazing animation
You can use this package for transition between screens with interesting way with amazing animation
An App To manage all your tasks with firebase backend
๐ฅ Todo App An App To manage all your tasks with firebase backend. Star โญ the repo if you like what you see ๐ . โจ Features : Login/SignUp with Fireba
Flutte movies app, can be use as a starting point for your next project
Flutte movies app, can be use as a starting point for your next project
A flutter brain game built using only pure flutter animations.
Flutter Brain Game ๐ ๐ ๐ฅ This project designed using figma and built using flutter. Demo URL https://khalid-alsaleh-dev.github.io/BrainGame/#/ ๐ป R
RoundedLoadingButton is a Flutter package with a simple implementation of an animated loading button, complete with success and error animations.
rounded_loading_button RoundedLoadingButton is a Flutter package with a simple implementation of an animated loading button, complete with success and
Making drawings and animations in Flutter extremely simple
๐จ GraphXโข | rendering | prototype | design | Making drawings and animations in Flutter extremely simple. wiki-tips. To get some extended, boring expl
Game characters ui - A redesign of a game characters app using flutter
Game characters ui - A redesign of a game characters app using flutter
Set of basic geometric animations using Flutter available as Android App gallery
#ui, #animations, #geometry, #flutter aria Set of basic geometric animations usi
A customizable carousel slider for Flutter. Supports infinite sliding, custom indicators, and custom animations with many pre-built indicators and animations.
Flutter Carousel Slider A customizable carousel slider for flutter Screenshots Installing dependencies: flutter_carousel_slider: ^1.0.8 Demo Demo a
Flutter webpage with interactive examples
Flutter Animations Cheat Sheet This is a list of animations and transitions that you can used in Flutter. Available as a webpage. The content of the p
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.
Flutter UI Designs True cross platform app runs on web, mobile & desktop Download Requirements to run locally Flutter stable v2.0.0+ Dart VM version:
Flutter Project For Practice Getx GetCLI Maps Animations ...
Toyota Flutter Project For Practice Getx GetCLI Maps Animations ... Screenshot Website My Website : www.habchibessem.com Getting Started This project
Flutter Transition UI - Create powerful UI design animations easily with Flutter
Transition Animation - Locations UI Design - Flutter Create powerful UI design a
Pokedex app built with Flutter (with lots of animations) using Clean Architecture
Flutter Pokedex Pokedex app built with Flutter App preview Video demo Installation Add Flutter to your machine Open this project folder with Terminal/
An advanced UI design implemented in Flutter
Flight search This is my second UI Challenge. I picked a Jhony Vino's Flight search design from 100 Mobile App UI Interactions and implemented it in F
๐ฅ๐ Flutter package to create Pin code input text field with every pixel customization possibility ๐จ with beautiful animations
Flutter PinPut From Tornike ๐ฅ ๐ Flutter package to create Pin code input (OTP) text field with every pixel customization possibility ๐จ and beautifu
MetaHome - a smart home app concept built with Flutter
MetaHome ๐ A smart home app concept Installation Clone the repo git clone https://github.com/ys-sherzad/MetaHome.git On you project directory flutte
SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.
SwiftUI Examples About Examples projects using SwiftUI & Combine. Include Layout, UI, Animations, Gestures, Draw and Data. See projects files in Files
An all-in-one Fllutter package for state management, reactive objects, animations, effects, timed widgets etc.
Frideos An all-in-one package for state management, streams and BLoC pattern, animations and timed widgets, effects. Contents 1. State management Gett
Pokemon App with animations, beautiful UI and network call.
๐ฏ Pokemon-App Pokemon App with animations, beautiful UI and network call. ๐ธ ScreenShots โจ Requirements Any Operating System (ie. MacOS X, Linux, Win
Stroke order animations and quizzes for Chinese characters for use in Flutter apps
Stroke order animator This package implements stroke order animations and quizzes of Chinese characters based on the Make me a Hanzi data. That data i
A radio button widget for flutter that supports custom builders and a variable number of animations.
custom_radio An animatable radio button that can be customized to the max. I found it strange that flutter only provides two radio widgets: Radio and
A very sexy Flutter UI templateโจ
Dashboard Reborn โจ A very sexy app template with great focus on UI, design and animations. It is written entirely in Dart and built with Flutter, so i
Digital clock with the thematic of the universe and time
Flutter Clock Challenge (Universe Clock) Welcome to Flutter Clock! See flutter.dev/clock for how to get started, submission requirements, contest rule
This is a simple Flutter Application to learn Animations.
Magic 8 Ball A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if
In this app, it's possible to find some different kind of flutter animations
flutter_animations Apprendre ร utiliser les animations avec Flutter Getting Started This project is a starting point for a Flutter application. A few
Personal collection of Flutter apps.
Flutter Examples Compilation work in progress. You can find other public samples at https://github.com/joshuadeguzman/flutter-examples-archive. Collec
Examples of all types of widgets used for animation in Flutter.
Anny Flutter application for learning animations concept. Checkout the live demo here. License Copyright 2020 Ashutosh Singh Licensed under the A
Learn Flutter by easy-to-difficult examples
Flutter examples Learn Flutter by easy-to-difficult examples. Official document: https://flutter.dev/docs. Reference This project is based on react-na
Flutter page widget that is dismissed by swipe gestures, with Hero style animations, Inspired by Facebook and Instagram stories.
dismissible_page ๐ฅ ๐ Creates page that is dismissed by swipe gestures, with Hero style animations, Inspired by FB, IG stories. Live Demo Contents Su
Beautiful Custom Switch package created with Flutter
custom_switch Beautiful Custom Switch package created with Flutter. The source code is 100% Dart, and everything resides in the /lib folder. Show some
๐ Flutter out-of-the-box collection animations written in pure dart.
LoadingIndicator A collection of out of the box loading animations written in pure dart, no extra dependency, inspired by loaders.css and NVActivityIn
A customizable carousel slider widget in Flutter which supports inifinte scrolling, auto scrolling, custom child widget, custom animations and built-in indicators.
flutter_carousel_widget A customizable carousel slider widget in Flutter. Features Infinite Scroll Custom Child Widget Auto Play Horizontal and Vertic
Custom dropdown widget allows to add highly customizable widget in your projects with proper open and close animations and also comes with form required validation.
Custom Dropdown Custom Dropdown package lets you add customizable animated dropdown widget. Features Lots of properties to use and customize dropdown
A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.
ChatMe A Flutter based chatting app which lets user chat from random peoples or strangers, has GIPHY gif support, sitckers, custom animations, dark mo
A COVID-19 case tracker app which basically fetches latest data from an API and display it beautifully according to countries.
Stay Safe Coronavirus Tracker Flutter App This app basically tracks the total cases of infected persons (real-time data), in all countries with total
To cure symptoms of various disease using medicines at home this app will act as guideline. Few animations are used and Firebase is used as database.
Medkit It's a Pharmacy application that help you in curing basic symptoms and diseases with medicines available in your home. How to Run Code Clone or
This app is a good example of how adding animations can liven up a digital clock.
Animal Clock This app is a good example of how adding animations can liven up a digital clock. The lion's head bobbles along without any care in the w
This is flutter package for creating a gender selection widget which allows users to choose a gender with cool animations
gender_selection A Flutter package for gender selection. It is an aweome gender selection widget with cool gradients and animation effects Demo Instal
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
A collection of awesome loading animations
NVActivityIndicatorView โ ๏ธ Check out LoaderUI (ready to use with Swift Package Mananger supported) for SwiftUI implementation of this. ๐ Introduction
Android loading animations
Android-SpinKit Android loading animations(I wrote a android edition according SpinKit) Demo Apk Preview Gradle Dependency dependencies { implement
This repo is for anything that can be reusable in flutter like custom widgets ๐ฅ, animations ๐and more
Ease This packa is for anything that can be reusable in flutter like custom widgets ๐ฅ , animations ๐ and more. Features 1-custom text widget to ease
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Loading GIFs High quality Android and iOS loading spinners. View Demo Loading GIFs is a collection of high fidelity loading animations in GIF format.
Flutter library to add gestures and animations to each Shape you draw on your canvas in your CustomPainter
Flutter library to bring your CustomPainter ๐จ to Life โจ โก๏ธ touchable library gives you the ability to add various gestures and animations to each Sha
Set of Flutter widgets built using physics based animations.
Elastic Widgets Set of Flutter widgets built using physics based animations. Widgets Seek Bar Range Picker Installation Add this to your package's pub
Create powerful animations in Flutter and use the hero animation for complex animations
Hero Animation - Locations UI - Flutter Create powerful animations in Flutter and use the hero animation for complex animations. โก โSocial Media โTwit
A set of transition patterns within the animations package using flutter.
Flutter Motion Transitions A fultter app to demonstrate Material motion system. Material Motion System The four main Material transition patterns are
This is a Flutter package that uses the Google Maps API to make a TextField that tries to autocomplete places as the user types, with simple smooth animations, making a nice UI and UX.
search_map_place This is a Flutter package that uses the Google Maps API to make a TextField that tries to autocomplete places as the user types, with
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.
flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i
A flutter UI package provides a cell widget that has leading and trailing swipe action menu.
Language: English |ไธญๆ็ฎไฝ flutter_swipe_action_cell A package that can give you a cell that can be swiped ,effect is like iOS native If you like this pa
A flutter package which will help you to generate pin code fields with beautiful design and animations
A flutter package which will help you to generate pin code fields with beautiful design and animations. Can be useful for OTP or pin code inputs ๐ค ๐ค
A powerful ๐ Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, panning and animations.
โก A powerful & easy to use chart library for Android โก Charts is the iOS version of this library Table of Contents Quick Start Gradle Maven Documentat
Render After Effects animations natively on Flutter. This package is a pure Dart implementation of a Lottie player.
Lottie for Flutter Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and rende
iOS-like proof of concept reorderable list with animations
Reorderable List in Flutter iOS-like proof of concept reorderable list with animations Preview Getting Started See example/lib/main.dart for example u
โ๏ธ A Flutter package for some material design app intro screens with some cool animations.
IntroViews is inspired by Paper Onboarding and developed with love from scratch. Checkout our fully responsive live example app. Table of contents Fea
A Flutter package with a selection of simple yet very customizable set of loading animations.
Flutter Loading Animations A simple yet very customizable set of loading animations for Flutter projects. Installation Add the following to your pubsp
Widgets for creating Hero-like animations between two widgets within the same screen.
flutter_sidekick Widgets for creating Hero-like animations between two widgets within the same screen. Features Hero-like animations. Allow you to spe
A package to create nice and smooth animations for flutter
animation_director A package to create nice and smooth animations for flutter Introduction A simple package to build beautiful and smooth animations f
Animated Login for Flutter is a ready-made login/signup screen with soft and pleasant animations.
Animated Login Author: Bahrican Yeลil Animated Login for Flutter is a ready-made login/signup screen with soft and pleasant animations. It is fully re
A set of interesting and fun UI components, animations and routes for Flutter.
ใใใ ใป Sugoi A set of interesting and fun UI components, animations and routes for Flutter. By Jay (Jeroen) Meijer. This project was bootstrapped by Ve
Meow App with animations, beautiful UI and network call
Meow app Meow App with animations, beautiful UI and network call. Each time you tap a new gif loads. Used API : (https://cataas.com/cat/gif) Screensho
This repo is for anything that can be reusable in flutter like custom widgets ๐ฅ, animations ๐and more
Flutter Shortcuts This repo is for anything that can be reusable in flutter like custom widgets ๐ฅ , animations ๐ and more. How to Use Just get the f
A Flutter Log In Page using Flare Animations
Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T
A collection of Animations that aims to improve the user experience for your next flutter project.
A collection of Animations that aims to improve the user experience for your next flutter project.
A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.
A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.
๐ฑโ๐ค Flutter-Animation ๐ฅ ๐ฅ List Animated Staggered Animations
๐ฑโ๐ค Staggered Animations made with algeria โค
Animated Menu in Flutter using radial.
Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f
๐ Google Classroom Clone using Flutter, GCP
Introduction ๐ Classroom is a Google Classroom clone built using ๐ Flutter. Before we start, you can take a look at the app: Screenshots ๐ป Key Feat
A demonstration of basic Flutter transition animations with Hydro-SDK
A demonstration of basic Flutter transition animations with Hydro-SDK
A catalog of beautiful, reusable and elegant animations
Animations Catalog The goal of this project is to catalog and build multiple animation patterns with flutter. Budget App Animation Harley Swipe To Enl
A Flutter implementation of a customizable navigation bar with animations.
A heavily customizable bottom navigation bar with some animation modifiers.
Timer UI animation challenge from 'Flutter Animations Masterclass'
stopwatch_flutter An IOS stopwatch challenge from Flutter Animations Masterclass - Full Course What I learned; Use timer Use ticker Create custom shap
Simple reactive animations in your Flutter apps.
just.motion Flutter package to create organic motion transitions. Why? The Motion Value stateless hot reload status notifier Ease Motion Spring Motion
Sticker chat is a messaging application built using Flutter, Stream, and Rive
Sticker Chat ๐ฌ Sticker chat is a messaging application built using Flutter, Stream, and Rive. It allows users to send and receive messages in real-ti
A Flutter app with flip animation to view profiles of friends. ๐
Flip View Made with ๐ฅ in India This flutter app is based on the design made Dmytro Prudnikov for Yalantis on Dribble.He describes the design as: Just
Flutter UI Challenges
Introduction ๐ผ Zoo is a small, simple and beautiful app that lists 3d model of animals. Before we start, you can take a look at the app: Usage ๐จ To
A flutter package that adds support for vector data based animations.
animated_vector Description and inspiration A package that adds support for vector data based animations. The data format is heavily inspired from the
All projects from my Flutter Animations Course
Flutter Animations Course | Code With Andrea This repo contains all the projects from my Flutter Animations Course. The main project for this course i
A collection of Animations that aims to improve the user experience for your next flutter project.
Flutter Animations A collection of Animations that aims to improve the user experience for your next flutter project. Built by Ezaldeen SAHB I hope th
A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.
A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.
Organize your animations.
montage Organize your animations. Quickstart // 1. Define your animations const entrance = MontageAnimation( key: 'entrance', duration: Duration(s