276 Repositories
Flutter animation-button Libraries
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 Custom 3D Button in Flutter
Clicky Button for flutter A Custom 3D Button in Flutter Demo How To Use it import 'clicky_button/clicky_button.dart' ... ClickyButton( child: Tex
Onboarding Screen,Alert & Lottie Animation Example.
rehberapp 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
Flutter animation curves visualizer based on a CustomPainter
Flutter animation curves visualizer based on a CustomPainter
A Flutter PageView Indicator has Worm animation
Worm Indicator A Flutter PageView indicator insprired by worm animation. It can be easily integrated with any Flutter PageView. Pull requests are welc
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
Flutter circle bottom bar by animation
Animation circle bottom bar Flutter circle bottom bar by animation how to use: 1. add dependencies to pubspec.yaml: circle_bottombar: ^1.1.1 2. create
Login Page UI Design and Animation For Flutter
Flutter Beautiful Login Page UI Design and Animation - Day 14 class Afgprogramme
A flutter package which display the library collapse according to the number of images associated with hero animation
👏 Gallery Collapse A flutter package which display the library collapse accordi
Master Channel cannot use Glass Floating Action Button
Problem Master Channel cannot use GlassFloatingActionButton. About This package
Flutter Wallet APP UI Challenge
flutter_wallet_ui_challenge A new Flutter project. Project Demo Video : https://www.youtube.com/watch?v=Vyj65qh_QiA Getting Started Flutter Wallet UI
A Flutter Material Button that animates between Progress and Error states
progress_button A Material Flutter Button that supports progress and error visuals Getting Started ProgressButton is designed to be easy to use and cu
More than 130+ pages in this beautiful app and more than 45 developers has contributed to it.
flutter-ui-nice ❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks! Facebook Page Twitter Medium QQ Group Flutter Open NieBin Flutter O
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
A growing collection of cool, elegant, efficient and performance-optimized animation widgets.
im_animations About A growing collection of cool, elegant, efficient and performance-optimized animation widgets. Feedback For any feedback please fil
A simple button that gives you the possibility to transform into a circular one and shows a progress indicator
Progress Button A simple button that gives you the possibility to transform into
Netflix type clone app to learn animation and basic UI components..
netflix_clone A new Flutter application to learn animation and basic ui components.. Assets credit to dribbble artist Getting Started This project is
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
Animated Tesla App Conect using Flutter
Animated Tesla App Conect using Flutter Watch it on YouTube Packages we are using: flutter_svg: link This video is for those who want to master Flutte
Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.
like_button Language: English | 中文简体 Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's h
Convert text to paths and animate them with this Flutter package
Text to Path Maker This is a pure Flutter and Dart package that allows you to convert text--both characters and icons--into paths. It can generate SVG
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
A Flutter package with an advanced dropdown Button which let you give different design on DropdownButton
Use decorated_dropdown button to add DropdownButton with decoration properties l
A Flutter Travel guide app UI With Animation
travell_app A new Flutter project. Getting Started This project is a starting po
🚅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
🔥🔥🔥 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
Flutter Youtube Redesign. this gave me so much Experience For Flutter . I used Video_player and Spring animation packages in this project
youtube 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
A custom bottom navigation bar with box animation for flutter
A custom bottom navigation bar with box animation. This is inspired from some of the earlier designs, but in a more simplified and yet exiting way. De
Flutter custom widget to make a group buttons. Included Radio and CheckBox buttons.
Flutter widget to create a group of buttons fast 🚀 Included Radio and CheckBox buttons models with custom groping types 🤤 Show some ❤️ and star the
A scrolling digital animation widget
animated_digit 一个上下滚动的数字动画 widget,凡是需要动画效果的数字,简单易用。 A scrolling digital animation widget that can be used to display the amount of animation, any numb
A Flutter package to custom splash screen like change logo icon, logo animation, and splash screen background color.
Custom Splash Screen A Flutter package to custom splash screen: change logo icon, logo animation, and splash screen background color. (Custom from ani
A Flutter package that allows Android users to press the back-button twice to close the app.
double_back_to_close_app A Flutter package that allows Android users to press the back-button twice to close the app. Usage Inside a Scaffold that wra
An easy way to use AnimationController with Curve.
CurvedAnimationController An easy way to use AnimationController with Curve. Getting Started Add dependency in your flutter project. $ flutter pub add
Slider Master Animation Flutter Dart
Flutter-animated-Slider 🔥 🔥 untitled.1.mp4 Firt you need to add this in pub yamel : dependencies: carousel_slider: ^4.0.0 Finally import 'package
Loading widget based on a Flare animation, allow you to create beautiful custom loading widgets or dialogs
flare_loading Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs If you're using Rive instead of Flare p
Facilitator for having a Splash Screen with a Flare animation
flare_splash_screen Facilitator for having a Splash screen with a Flare animation until some work has been done for the initialization of the app If y
A custom dropdown button lets the user select from a number of items
CircularDropDownMenu Description A custom dropdown button lets the user select from a number of items. The button shows the currently selected item as
A Fluter tabview that text color can change with animation and bg color change with animation
float_tab A Fluter tabview that text color can change with animation and bg color change with animation Getting Started This project is a starting poi
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
Flutter package for Skeleton Text Animation
skeleton_text A package provides an easy way to add skeleton text loading animation in Flutter project Dependency dependencies: skeleton_text: How
This is a basic flutter widget that shows the Buy me a coffee button.
Buy me a coffee widget Did you ever needed a widget for buy me a coffee, well here it is. Important note Be very careful with using this widget. Accor
Travel Folding Card with hover animation
travelfoldingcard Travel Folding Card with hover animation The live version is in my Flutter CodePen The original CodePen is from Madalena, which is c
From then on, developers only need to master one Button component, which is enough.
FButton From then on, developers only need to master one Button component, which is enough. Support corners, borders, icons, special effects, loading
Flutter UI clones
Flutter UI clones Login UI (Credits : Karthick Krishnamoorthy) Toy cart UI (Credits : Serhii Polyvanyi) Balloon slider (Credits : Cuberto) Onboarding
Flutter package for animated unit stepper.
stepo A highly customisable Flutter package for animated unit stepper Supported Dart Versions Dart SDK version = 2.1.0 Demo Gif Installation Add the
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started
🎨Custom animation challenge annouced by egdroid
EgdroidChallenge Follow me on social media github linkedin twitter facebook 💪 challenge accepted 💪 A challenge code series idea suggested by an awes
A Flutter app that shows a random Steve Jobs quote on every button click
Inspire App An app I made while learning Flutter that shows a random Steve Jobs quote on every button click. Used technologies Dart Screenshots Contri
A Flutter App with animation on login and home screen
Animação com Flutter Sobre: App com animação na tela de login e home. Obs: Sem validação, somente foi feito o teste para animação da tela Imagens: LOG
A Widget that mimics the Facebook Reaction Button in Flutter.
ReactiveButton A Widget that mimics the Facebook Reaction Button in Flutter. Step by step explanation A full explanation on how to build such Widget m
Just for learning.
flutter-chart-http ❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks! Facebook Page Facebook Group QQ Group Developer Flutter Open Flu
Flutter animation tutorials, such common animation, flare animation.
❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks! Facebook Page Facebook Group QQ Group Developer Flutter Open Flutter Open 963828159
More than 130+ pages in this beautiful app and more than 45 developers has contributed to it.
flutter-ui-nice ❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks! Facebook Page Twitter Medium QQ Group Flutter Open NieBin Flutter O
Wallet app built in flutter
flutter_wallet_app Smart course app is a design implementaion of Wallet App designed by Muhammad Abdull Download App Android Screenshots HomePage Tran
Flutter plugin to display a popup menu button widget with handsome design and easy to use.
menu_button Flutter widget to display a popup menu button very simply and easily customizable. Resources Documentation Pub Package GitHub Repository I
Flutter Package: When your desired layout or animation is too complex for Columns and Rows, this widget lets you position/size/rotate/transform its child in complex ways.
align_positioned Widgets in this package: AlignPositioned AnimatedAlignPositioned AnimChain Why are these widgets an indispensable tool? When your des
May be used to intercept the Android back-button, as an alternative to `WillPopScope`.
back_button_interceptor In simple cases, when you need to intercept the Android back-button, you usually add WillPopScope to your widget tree. However
Playground app for Flutter
Flutter Playground Playground app for Flutter. Contains examples to quickly learn and tinker around with various features. Consider Contributing if yo
Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs.
Flutter DropdownButton2 Intro Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. Featur
How to Create Bouncing Button in Flutter
Bouncing Button 📱 Screenshots Download the Following App for Preview 🖥 Flutter Tutorial All Flutter Tutorials plus additional Code and shorter posts
Flutter animation tutorials, such common animation, flare animation.
❤️ Star ❤️ the repo to support the project or 😄 Follow Me.Thanks! Facebook Page Facebook Group QQ Group Developer Flutter Open Flutter Open 963828159
A collection of awesome loading animations
NVActivityIndicatorView ⚠️ Check out LoaderUI (ready to use with Swift Package Mananger supported) for SwiftUI implementation of this. 🎉 Introduction
Make your native android Dialog Fancy and Gify.
Make your native android Dialog Fancy and Gify. A library that takes the standard Android Dialog to the next level with a variety of styling options and Gif's. Style your dialog from code.
Android loading animations
Android-SpinKit Android loading animations(I wrote a android edition according SpinKit) Demo Apk Preview Gradle Dependency dependencies { implement
A password strength checker for flutter.
flutter_password_strength A password strength checker for flutter. Features Linear strength indicator. Customise colors, borders, etc. Screenshot Usag
A package to display blinking point to your mobile app in Flutter
Blinking point Easy way to create a blinking point for your Flutter project. Installation Add this to your package's pubspec.yaml file: dependencies:
A sign in button helper library for Flutter
A Flutter plugin for iOS and Android for generating signin buttons for different social media account. Feedback and Pull Requests are most welcome! In
A square animation for flutter
drag_animation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i
A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite).
Contacts A flutter project with Implementation of a Contacts app in 4 ways (API, Custom, Preferences and Sqflite). It consist some common operations l
Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map.
Custom Radio Group List Flutter package to create list of radio button, by providing a list of objects it can be a String list or list of Map. Feature
In this repo you can expertise how to build various User Interface in Flutter
🎫 Flutter UI 📝 Introduction The language used here is Dart, which is a object oriented programming language with the sdk called Flutter,It's a googl
📈 flutter animation explorer
Flutter animation interactive guide Try it online Curves visualizer Animated widgets demo : AnimatedContainer AnimatedAlign AnimatedPositioned Animate
counter button flutter plugin
counter_button Counter Button is a flutter library that allows you to create a button with animation effects when you increase or decrease the counter
Liquify your buttons, web demo at website
Hi, Introducing Liquid Button for Flutter. It supports Web and Mobile, not tested on Ios. Inspired by Liquid Button in JS. Preview Live Demo Download
A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.
animator This library is an animation library for Flutter that: makes animation as simple as the simplest widget in Flutter with the help of Animator
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
A widget which implicitly launches a hero animation when its position changed within the same route.
local_hero A widget which implicitly launches a hero animation when its position changed within the same route. Getting started In the pubspec.yaml of
A Styled Toast Flutter package.
flutter_styled_toast A Styled Toast Flutter package. You can highly customize toast ever. Beautify toast with a series of animations and make toast mo
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 🤓 🤓
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,
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
A button that looks like a Cupertino text button
Cupertino Text Button A button that looks like a Cupertino text button! Text Button A simple text button can be created like this: CupertinoTextButton
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
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
Custom Layout with interactive add button to impove your UI and UX .
Interactive Add button layout Custom Layout with interactive add button to impove your UI and UX . the package is available here inspired from Oleg Fr
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