318 Repositories
Flutter page-transition-animation Libraries
Page Turn Widget - Add a page turn effect to widgets in your app. Maintainer: @rodydavis
Page Turn Widget Add a page turn effect to widgets in your app. Created by Simon Lightfoot @slightfoot Screenshots Example import 'package:flutter/mat
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 ๐ค ๐ค
Flutter plugin to display a simple flat world map with animated points in real time
Flutter Simple Map Flutter plugin to display a simple flat world map with animated points in real time. Can be used as a presentation of online users,
Web development for smartgreen's RYO-OHKI Project, should contain: a login page, import, export and visualization of cards (almost a dashboard) it is under construction!
Web development for smartgreen's RYO-OHKI Project, should contain: a login page, import, export and visualization of cards (almost a dashboard) it is under construction!
Flutter Credit Card Input form
This package provides visually beautiful UX through animation of credit card information input form. Preview Installing Add dependency to pubspec.yaml
Create your own custom SlideTransition combined with some animation in Flutter.
Create your own custom SlideTransition combined with some animation in Flutter.
Flutter Pie chart with animation
Pie Chart This Flutter package provides a Pie Chart Widget with cool animation. Live Demo: https://apgapg.github.io/pie_chart/ ๐ป Try LIVE Demo Live D
Beautiful Flutter login page
Login Page A Beautiful login page UI like this Login_Page Use in your application Tank you โบ Platform ios โ๏ธ android โ๏ธ responsive Can be used on all
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
A Flutter plugin to create views using concentric transition effect.
Concentric Transition A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers,
Flutter Spring -simple & power full animation kit
A simple & powerfull pre-built animation kit. ๐จ Installation dependencies: spring: ^2.0.2 ๐ฅ Spring Animations Slide Scale Animated Card Flip Fa
A Flutter package for easily implementing Material Design navigation transitions.
Morpheus A Flutter package for easily implementing Material Design navigation transitions. Examples Parent-child transition You can use MorpheusPageRo
A light weight package for flutter apps, that easily shows a splash screen with a nice fade animation.
Animated Splash Screen Using the package Get the library environment: sdk: "=2.1.0 3.0.0" Add dependency in pubspec.yaml dependencies: animated_
Flutter Card Swipe Animation
FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder. Swipe right is considered accepted and swipe left is rejected.It
A Flutter widget that easily adds the flipping animation to any widget
flip_card A component that provides a flip card animation. It could be used for hiding and showing details of a product. How to use import 'package:fl
A package for flip panel with built-in animation
Flip Panel A package for flip panel with built-in animation How to use import 'package:flip_panel/flip_panel.dart'; Create a flip panel from iterable
Flutter 3D Flip Animation Widget
flutter_flip_view This is a flutter Widget base on pure Dart code that provides 3D flip card visuals. Usage add package in your pubspec.yaml dependenc
โ๏ธ 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
Provides login screen with login/signup functionalities to help speed up development
Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol
Best 6 Flutter Login Screen Design
Flutter Login Home Animation A new open-source Flutter project that enables the developer to quickly get started with the Flutter animation and applic
Animation package for Flutter, inspired by Animate.css
animator Enables you to create stunning flutter animations, faster, efficient and with less code. Null safety: For null safety please use flutter_anim
PageTransformer for flutter
transformer_page_view PageTransformer for flutter Very simple to use import 'package:transformer_page_view/transformer_page_view.dart'; ... new Tran
A sample for having PageView transformation effects in Flutter.
What is it? The end result looks a little something like this: Sample project for creating nice looking PageView parallax effects in Flutter. Read the
โจA clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOSใAndroid and Web
Flutter EasyLoading English | ็ฎไฝไธญๆ Live Preview ๐ https://nslog11.github.io/flutter_easyloading Installing Add this to your package's pubspec.yaml fi
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
Circular Reveal Animation as Flutter widget!
Circular Reveal Animation Circular Reveal Animation as Flutter widget! Inspired by Android's ViewAnimationUtils.createCircularReveal(...). ะกัะฐััั ั ะพะฟ
A Flutter package for a quick and handy giffy dialog.
๐ Giffy Dialogs A beautiful and custom alert dialog for flutter highly inspired from FancyAlertDialog-Android. The source code is 100% Dart, and ever
Provides login screen with login/signup functionalities to help speed up development
Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol
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
Halloween swipe page ๐
Halloween Swipe page A Beautiful Swipe page use this source code in your project thank you โบ Platform ios โ๏ธ android โ๏ธ Preview Development Setup Clon
Flower Animation UI For Flutter
Flower Animation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
Beautiful Animated ListView and GridView
staggered_animated_listview Beautiful Animated ListView and GridView Online Preview Getting Started This project is a starting point for a Flutter app
Page Transition Animation With Flutter
Page Transition Animation - Day 6 A new Flutter project. Screenshots Getting Started This project is a starting point for a Flutter application. A few
A mobile aplication with an animated login page.
Animated login Uma aplicaรงรฃo desenvolvida em Flutter, criada para praticar animaรงรตes. Consiste em uma pรกgina de login e uma de cadastro, uma transitan
An awesome Login and SignUp page UI
login_ui_master A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
Modern UI for Messaging/Chatting App, with Signup/Login Pages and Awesome animation, built with flutter v2.5.2.
instantChat_app_ui Modern UI for Messaging/Chatting App, with Signup/Login Pages and Awesome animation, built with flutter v2.5.2. The package/plugin
LoginUIDesign is login beautiful module. login module segregate in different steps on bases of data required.
LoginUiDesign You can Install and test latest LoginUiDesign app from below ๐ LoginUIDesign is login beautiful module. login module segregate in diffe
A welcome page for a user, as well as a brief overview of the work of the application
dalilak A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this
MB Contact Form is a basic flutter widget which helps you for your contact page.
mb_contact_form is a third party flutter package. This is a simple version of Contact Form. This can be easily added to your flutter projects. This make your works simpler and your code shorter. This is recently updated and has null safety too.
In this application we create a login page
Codium login page This Flutter application is a basic login page. Componets: 1 * Logo. 2 * TextField for Username and Password. 1 * Button for login.
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 customizable timer builder, with controller, animation, intervals, callbacks and custom actions for Flutter.
Custom Timer โ A highly customizable timer builder, with controller, animation, intervals, callbacks, custom actions, and more! ๐ Simple Usage @overr
Loading Animation With Flutter
Flutter Loading Animation loading.ista.mp4 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few re
Flutter Animation Made with algeria By DZ-TM071 ๐__๐ฅ
ByDzTm071 ๐ฑ Fast code and awesome design-ui for Login Page Part 3 ! ๐ฅ image gif image Getting Started # First you need to add simple_animations 4.0.
RGB animation with Flutter
RGB Flutter - Method Channel RGB Uma aplicaรงรฃo demonstrando a ideia das cores com RGB (0 - 255) gerando uma efeito em background da cor usando os Slid
A thank you page made in flutter for successful payment status in any application.
thanku A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i
Slicing Auth Page Simple | Flutter
Project : Auth Page Simple Flutter Author : Alsaskar Mirando Create : 10 Oktober 2021 Contact Me : [email protected] Screenshot Login Page Reg
Flutter Animation liquid ๐ฑโ๐ค Made with algeria By DZ-TM071
Flutter Animated Loading liquid progress ๐ ๐ฅ ๐ฅ screen screen # Usage First you need to add liquid_progress_indicator 0.4.0 Or + in the dependency a
๐ฅ Deezer Music App With Flutter & Animation Cool ๐
Flutter Deezer Clone Challenge ui Animated ๐ฅ ๐ฅ Gif Image : Home screen screen screen screen pls Add panel.dart file in root file (SlidingUpPanel) No
Base on Vap to play alpha video animation
Backdrop Transparent video animation is currently one of the more popular implementations of animation. Major manufacturers have also open source
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.
Flutter Animation ๐ฑโ๐ค Made with algeria ๐ค
Flutter-awesome-login-page-animated-fastCode ๐ฑโ๐ค Fast code and awesome design-ui for Login Page ! ๐ฅ Getting Started # First you need to add simple_
Flutter Animation ๐ฑโ๐ค Made with algeria By DZ-TM071
Flutter Animation ๐ฑโ๐ค Made with algeria By DZ-TM071
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.
One Page Scroll package for Flutter Web
OPscroll_web OPScroll A simple and easy to use library that creates OnePage sites for Flutter Web Developers! Make a beautiful and smooth landing page
๐ฑโ๐ค Flutter-Animation ๐ฅ ๐ฅ List Animated Staggered Animations
๐ฑโ๐ค Staggered Animations made with algeria โค
A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool animation effects.
Advanced Icon A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool an
A demonstration of basic Flutter transition animations with Hydro-SDK
A demonstration of basic Flutter transition animations with Hydro-SDK
Flutter Instagram Notification Page UI - Day 32
Flutter Instagram Notification Page UI - Day 32 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { "title": "Flutter In
Experimenting with rive's constraints :)
state_machine_rive A new Flutter project for Rive StateMachine. Login From State-Machine Navigate to design on rive.app Sample Ik constraints On Rive
Flutter Beautiful Login Page design and Animation - day 12
Flutter Beautiful Login Page design and Animation - day 12
A small attempt to make an e-commerce user interface in Flutter for Android and iOS.
Flutter ecommerce App A small attempt to make an e-commerce user interface in Flutter for Android and iOS. I developed this application just for learn
FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder.
FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder. Swipe right is considered accepted and swipe left is rejected.It
A quick sample app on how to implement a friend list and a profile page in Flutter.
FlutterMates All code resides in the /lib folder: there's no Android / iOS specific code needed. The article, slides and how this came to be, is here.
Login page built with @flutter ๐
The Gorgeous Login A login page built with flutter inspired by a design found on Uplabs Uplabs design Flutter rendering Contributors Code Contributors
A weather app built to learn how to use Canvas and Animation in Flutter.
Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath
A Flutter implementation of a customizable navigation bar with animations.
A heavily customizable bottom navigation bar with some animation modifiers.
Nft marketplace concept
nft_marketplace Nft market place with cool animation. NFt marketplace App Assets credit to dribbble artist :-------------------------:|:--------------
This animation popup for popover to show something awesome.
8641695823774957995.mp4 pop_over_custom A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resou
Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's information in Flutter.
Flutter Tutorial - User Profile & SharedPreferences Let's create a complete Flutter User Profile Page with SharedPreferences to persist the user's inf
Flutter application to demonstrate use of mPin Animation with custom widget.
Flutter mPin Animation | Custom Widget mPin Widget to accept user input with nice animation. Tutorial ๐๐ผ๐๐ผ๐๐ผ Flutter mPin Animation Tutorial ||
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
A showcase of the most common Flutter animation APIs.
Flutter Animations Gallery This project is a showcase of the most common Flutter animation APIs. Preview Also available as a Flutter web demo. Setting
Flutter Music Player - CD Animation Challenge
Flutter Audio Player A new Flutter project. Here you will learn how to implement a music player into your flutter app. Features (Android & iOS) Fetch
A Flutter package for building custom skeleton widgets to mimic the page's layout while loading.
Skeletons A Flutter package for building custom skeleton widgets to mimic the page's layout while loading. Examples Items ListView (Default) ListView
Beautiful Quran Majeed app with aesthetic Animation.
quran_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi
An implicit animation widget that flips from one number to another.
animated_flip_counter An implicit animation widget that flips from one number to another. Usage It can be useful to display information that's constan
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
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
3Rein Parallax animation
A Parallax behavior for any Flutter Scrollable This plugin enable a parallax effect in any Scrollable, simply wrap your Scrollable in a ParallaxArea a
Rotate Dial Lock
Rotary dial Locker Dependencies : How it works Most magic handle by GuesterDetector. onPanEnd onPanDown onPanUpdate SpringHouse, 1st we locate where u
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.
Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.
Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl
This app contain two pages. In first page user will see the list of places to visit and in other page detail of places will be shown. Apart from that there is route transition, hero and staggered animation while navigating to the detail page.
travell_app 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
Grab Landing Page Clone by Muhibush Shulhi Muhammad
Mobile App, web, and Desktop from a single codebase. Thanks to Google For making this amazing portable framework
Speed Code 2 - ๆผไบฎ็้ฅฎๆ้ฃ่ฐฑ App
๐ฅค ้ฅฎๆ้ฃ่ฐฑ App - ็ปๅฝ UI - Speed Code ๐ ้กน็ฎไป็ป ๐ ่ฟๆฏๆ็็ฌฌ 2 ไธช Speed Code ่ง้ข๏ผ้่ฟๆญค้กน็ฎ่ง้ขไฝ ๅฏไปฅๅญฆไน ๅฐๅฆไธ Widget ็ๅบ็กๆ่ฟ้ถ็จๆณ๏ผๆด้่ฆ็ไฝ ๅฏไปฅๅญฆไน ๅฐๅฆไฝๅฐ่ฟไบ Widget ็ตๆดป็็ปๅๆ็ปๅฎ็ฐไธ้ข ๐ ็ๆๆใๅฆๆ่งๅพๆ็จๅฏไปฅ
In this repo I have build an awesome Flutter food delivery app ui. This Flutter UI challenge is taken from the dribbble. The main beauty about this UI is their hero animation while moving towards the food detail page. This Flutter Food delivery app UI tutorial is beneficial for those who want to learn the advanced concept for building the flutter ui. Apart from these I have used the latest version of flutter i.e Flutter 2.0 to building this app.
# food_delivery_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you star
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 library for handling animation warmup generically
This solution is not very scalable for applications with many animations to warm up and is meant mostly as an example of an approach applications could take to warmup their animations until a more permanent solution is available.
Flutterwave landing page animated card deck implemented with Flutter
The Flutterwave animated card deck in Flutterwave's landing page implemented with Flutter.
It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.
liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i
๐ฅ๐ฅ๐ฅ Easy to build an animation set
โจ Flutter Animation Set [Lanuage ~~] English | ไธญๆๆๆกฃ Simplified Flutter stagger animation.To drive the Flutter stagger animation through a timeline in
A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).
drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m
๐ A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]
Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C
Flexible and easy to use page transitions.
flutter_villains What are heroes without villains? (Profile image from: https://unsplash.com/photos/pAs4IM6OGWI) Check out the article. What are villa
โจ A collection of loading indicators animated with flutter. Heavily Inspired by http://tobiasahlin.com/spinkit.
โจ Flutter Spinkit A collection of loading indicators animated with flutter. Heavily inspired by @tobiasahlin's SpinKit. ๐ Installing dependencies:
Login page built with @flutter ๐
The Gorgeous Login A login page built with flutter inspired by a design found on Uplabs Uplabs design Flutter rendering Contributors Code Contributors