122 Repositories
Flutter circular-progress-bar Libraries
This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app bar with animation.
jazzcash_ui This is a JazzCash UI clone ( Modern Wallet App in Pakistan), implementing modern app bar animmation. One can take a concept of making app
[Work-in-progress] Outil de synchronisation automatique d'emploi du temps de la Fac des Sciences de Montpellier vers un agenda Google.
Kal Kal est un outil permettant de transfรฉrer un emploi du temps de la fac sur un agenda รฉlectronique automatiquement. Il permet aussi de customiser l
An interpolated progress builder for video_player controllers
Have you been here before: you created a video player using video_player, but the progress bar updates way to infrequently and makes your UX look chop
A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also have privilege for fully customization from user side. like flipkart, amazon, myntra, meesho.
step_tracker plugin A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also
A widget that has a collapsible app bar.
CollapsibleAppBar A widget that has a collapsible app bar. Click to view Screenshots Expanded Collapsed Getting started Add dependency in your pubspec
Custom Shaped Bottom Navigation Bar in Flutter
CustomShapedBottomBar Custom Shaped Bottom Navigation Bar in Flutter **Usage: ** Add CustomPaint Widget to use this Painter class like this: C
Gif image widget help to controll gif progress,speed,repeat frames
We should know that in order to achieve Gif in flutter, we can use Image, but we have no way to manipulate Gif, for example: change its speed, control it has been playing in a frame, in which frame range loop. These problems can be solved by this widget,it also help you contain gif cache,avoid load frame every time.
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
Animated Search Bar package lets you add a beautiful search bar to your Flutter app.
Animated Search Bar Animated Search Bar package lets you add a beautiful search bar to your Flutter app. Installation Add the latest version of packag
You can create a star easily and decide how many angle or color of the star, even the fat and progress of the star.
You can create a star easily and decide how many angle or color of the star, even the fat and progress of the star.
This package will animate a floating action button at the center and icons at the bottomNavigationBar using AnimatedContainer and SlideTransition respectively.
floating_bottom_bar This package will animate a floating action button at the center and icons at the bottomNavigationBar using AnimatedContainer and
A flutter widget to indicate loading progress. Easy to use, easy to extend
๐ ๐พ ๐ซ A flutter widget to indicate loading progress. Easy to use, easy to extend
Open source Flutter package, simple circular progress bar.
Simple circular progress bar Open source Flutter package, simple circular progress bar. Getting Started Installing Basic Examples Colors Start angle L
Square progress bar
Square progress bar because why not ๐ Features Dynamic sizing Animated progress bar Gradient color progress bar Prgreess bar cap shape customization
"wi_custom_bar" - a custom bar widget that implements a thermometer gauge bar created by wannai team
About wi_custom_bar "wi_custom_bar" is a custom bar widget that implements a thermometer gauge bar created by wannai team. Installing: In your pubspec
A Custom Extended Scaffold with Expandable and Floating Navigation Bar
Custom Extended Scaffold Custom Flutter widgets that makes Bottom Navigation Floating and can be expanded with much cleaner a
Open source Flutter package, bar indicator made of a series of selected and unselected steps
Step Progress Indicator Open source Flutter package, bar indicator made of a series of selected and unselected steps. Made by Sandro Maglione, check o
Material3NavBar - An example of the material 3 navigation bar
Material 3 Bottom Navigation Bar With three different styles and color adaptativ
Animation nav bar - Flutter Animated Navigation Bar
Flutter Animated Navigation Bar Getting Started This project is a starting point
Flutter-nav-bottom-bar-tutorial - A flutter bottom navigation bar tutorial
Flutter Bottom Navigation Bar Tutorial A tutorial with various Flutter bottom na
Starlight search bar - Starlight search bar with flutter
starlight_search_bar If you find the easiest way to search your item, this is fo
A Flutter package to create a nice circular menu using a Floating Action Button.
FAB Circular Menu A Flutter package to create a nice circular menu using a Floating Action Button. Inspired by Mayur Kshirsagar's great FAB Microinter
Flutter progress dialog. Support both Android and iOS platform.
Flutter Progress Dialog [pub packages] | Flutter progress dialog. Support both Android and iOS platform
A flutter plugin about qr code or bar code scan , it can scan from fileใurlใmemory and camera qr code or bar code .Welcome to feedback your issue.
r_scan A flutter plugin about qr code or bar code scan , it can scan from fileใurlใmemory and camera qr code or bar code .Welcome to feedback your iss
This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset folder, and 100% Shared Code
This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset folder, and 100% Shared Code. Now with the ability to login with FaceID, TouchID, and Fingerprint Reader on Android.
A Simple and easy to use flutter package for showing progress bar.
progress_dialog A Simple and easy to use flutter package for showing progress bar. #Usage Import the package import 'package:custom_progress_dialog/cu
A dart package to display a horizontal bar of customisable toggle tabs. Supports iOS and Android.
toggle_bar A dart package to display a horizontal bar of customisable toggle tabs. Supports iOS and Android. Installation Depend on it. dependencies:
Progress State Button - A customizable progress button for Flutter
Progress State Button - A customizable progress button for Flutter
A bottom navigation bar that you can customize with the options you need, without any limits.
Bottom Personalized Dot Bar A bottom navigation bar that you can customize with the options you need, without any limits. You can also customize the a
A Smooth rating bar
A Star rating with touch and swipe rate enabled Supports replacing default star icons with desired IconData Supports half rate and full rate (1.0 or 0
A Flutter package for easy implementation of curved navigation bar
curved_navigation_bar pub package A Flutter package for easy implementation of curved navigation bar. Add dependency dependencies: curved_navigation
Persistent Bottom Navigation Bar
Persistent Bottom Navigation Bar A persistent/static bottom navigation bar for Flutter. NOTE: Those migrating from pre 2.0.0 version should check the
Transparent Android system navigation bar with Flutter and FlexColorScheme package.
Sysnavbar with FlexColorScheme Transparent Android system navigation bar with Flutter and FlexColorScheme. FlexColorScheme V4 Notice If you are using
๐ [FUNCTIONAL REACTIVE PROGRAMMING].๐ The main purpose of repository is learning. ๐ A FLUTTER app help student find room ๐ Using BLoC pattern with RxDart library, firebase as backend, .... Star ๐ if it is helful ๐ . In progress... :zap:
find_room_BLoC_RxDart A deep dive into RxDart, BLoC pattern Feature BLoC pattern RxDart (Functional Reactive Stream) Firebase + Firestore Login with e
Notched Bottom Tab Bar Example using Flutter Framework
bottom_tab_bar Notched Bottom Tab Bar Example using Flutter Framework Getting Started Flutter tutorial explaining how to create a notched shaped botto
Progress Dialog widget for flutter projects with ability to customize loading widget, background color and background blur.
DISCONTINUED Checkout ArsDialog ars_progress_dialog Customizable progress dialog for Flutter applications with smooth animation for background dim col
This is an animated app used to control Tesla Car which is on progress and will be published soon
Animated Tesla App Conect using Flutter Packages we are using: flutter_svg: link We will cover how to use ImplicitlyAnimatedWidge and how to use multi
An Adaptive Navigation Bar in flutter. Navbar changes according to the screen size.
Adaptive NavBar (adaptive_navbar) Table of contents General info Setup Conclusion Useful Resources Meet the developer General info adaptive_navbar is
Flutter modern bottom navbar. Compatible with Android & iOS. You can customize it freely.
ss_bottom_navbar Flutter modern bottom nav bar. Compatible with Android & iOS. You can customize it freely. Getting Started dependencies: ss_bottom_
(mostly) Automatic search-enabled appBar for flutter
flutter_search_bar A simple and mostly automatic material search bar for flutter (dart). Note: use flutter_search_bar and not search_bar -- I own both
A Contextual action bar workaround for flutter
Flutter contextual action bar(CAB) CAB & Flutter CAB is a top app bar that replace the application app bar to provide contextual actions to selected i
A custom navigation bar with bubble click effect in Flutter
custom_navigation_bar A custom navigation bar with bubble click effect. Overview This project is inspired by this post from Dribbble and The Boring Fl
An easy way to add rounded corner floating app bar in Flutter project.
rounded_floating_app_bar Rounded floating app bar like new google applications has. This package provides an easy way to add rounded corner floating a
Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver
Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver. This Package allows us to add Bar Chart in Sliver and sets a Bar Chart as a Header on Slivers Scroll.
Bmprogresshud - A lightweight progress HUD for Flutter app
bmprogresshud A lightweight progress HUD for your Flutter app, Inspired by SVProgressHUD. Showcase Example local HUD place ProgressHud to you containe
Customized ๐ Bottom Navigation Bar Using Flutter ๐ฆ
Customized ๐ Bottom Navigation Bar Using Flutter ๐ฆ
Expandable bottom app bar widget for Flutter SDK
Expandable bottom app bar widget for Flutter SDK
Widget Background App Bar
Widget Background App Bar A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling, inspired b
Custom bottom bar - A bottom tool bar that can be swiped left or right to expose more tools.
custom_bottom_bar A bottom tool bar that can be swiped left or right to expose more tools. usage Create your custom bottom bars with up to four custom
Flutter progress button
flutter_progress_button flutter_progress_button is a free and open source (MIT license) Material Flutter Button that supports variety of buttons style
Wave progress - A custom wave progress widget
wave_progress_widget A customable wave progress widget Preview How to use Add this to your package's pubspec.yaml file: dependencies: wave_progress_
League-of-flutter - A League of Legends App in progress, developed with Flutter.
initial_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
Connectionstatusbar - Flutter connection status bar, widget that animates when internet connection changes
connection_status_bar A widget that animates when internet connection changes Getting Started add it to your dependencies then use it anywhere on your
IntervalProgressBar - An interval progress widget for Flutter
IntervalProgressBar An interval progress widget for Flutter. Preview v1 v2 Depend on it https://pub.dev/packages/intervalprogressbar Add this to your
Flutter-FFNavigationBar - Configurable navigation bar for Flutter
ff_navigation_bar A highly configurable navigation bar with emphasis for the selected item. Add dependency dependencies: ff_navigation_bar: ^0.1.5
A customizable circular slider for Flutter.
flutter_circular_slider A customizable circular slider for Flutter. Getting Started Installation Basic Usage Constructor Use Cases Installation Add fl
Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Rab Bar.
Gooey Tab Bar Flutter Flutter component concept created with Flutter using Dart programming language, inspired by Gooey Tab Bar. About This component
Playful and customizable bottom navigation bar for Flutter
rolling_nav_bar A bottom nav bar with layout inspired by this design and with heavily customizable animations, colors, and shapes. Getting Started To
Flutter base code for app with slivers for affect on app bar and scrolling of cards.
scroll_with_flexi_title A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you
Configurable navigation bar for Flutter
ff_navigation_bar A highly configurable navigation bar with emphasis for the selected item. Add dependency dependencies: ff_navigation_bar: ^0.1.5
A 3D Bottom Navigation Bar in Flutter
flip_box_bar A 3D BottomNavigationBar inspired by Dribbble design by Dannniel [https://dribbble.com/shots/4811135-Tab-Bar-Cube-Interaction]. Demo Exam
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
A tab bar widget for Flutter ๐ with point indicator.
flutter_point_tab_bar A tab bar widget with point indicator. Demo Usage TabBar( controller: _tabController, indicator: PointTabIndicator(
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
CircularProfileAvatar is a Flutter package which allows developers to implement circular profile avatar
CircularProfileAvatar is a Flutter package which allows developers to implement circular profile avatar with border, overlay, initialsText and many other awesome features, which simplifies developers job. It is an alternative to Flutter's CircleAvatar Widget.
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
simple flutter bottom navigation bar widget
bmnav A very flexible Flutter implementation of the Bottom Navigation Bar. Get Started Add bmanv to your pubspec.yaml file: dependencies: bmnav: ^0.
This is repository for Spin Circle Bottom Navigation Bar Package for Flutter
Spin Circle Bottom Bar An easy to implement Spin Circle Bottom Navigation Bar for Flutter Applications. Current Features Initial Release for Spin Circ
New trick on how to create your own custom icons in flutter with bottom bar navigation
Customized Bottom Navigation Bar in Flutter | Tech With Sam Customized Bottom Navigation Bar in Flutter - Watch on youtube โ โ App Preview App Screens
A collection of stylish animated dialogs like Normal, Progress, Success, Info, Warning, and Error for flutter.
stylish_dialog A collection of stylish animated dialogs like Normal, Progress, Success, Info, Warning, and Error for flutter. Showcase โญ Installing de
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 component Gradient Progress Indicator
Gradient Progress Indicator Introduction This package shows a circular progress indicator with gradient colors, and it is possible insert texts inside
Custom bottom navigation bar with diamond icon in the middle.
Pub.dev Scaled List Custom bottom navigation bar with diamond icon in the middle you can customize the number of items either be Five or three. Usage
Help developers build the most beautiful search bar๐น.
fsearch Help developers build the most beautiful search bar ๐น . [FSearch] provides developers with a one-stop search bar construction service. Suppor
A simple flutter app that downloads a file from the internet, shows a custom-made download progress dialog and saves the file to device's internal storage
http_downloader A simple flutter app that downloads a file from the internet using the http plugin. It has a custom-designed progress dialog which dis
Flutter Search bar
search_bar Flutter search bar Search suggestion and search lists Demo video Record_2021-12-09-19-59-51.mp4 ScreenShots Getting Started This project is
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
Flutter package to diplay progress through a milestone progress widget
milestone_progress Flutter package for IOS and Android to display progress through milestone progress widget. Screenshots ## Usage [Example]https://gi
A new Flutter package for navigations bar.
flutter_navigations_bar A new Flutter package for navigations bar. Getting Started Bouncing Circle navigation bar properties : final Function(int) onc
Unsplash Client App written using dart and flutter. (Work in progress)
Upsplash Unofficial Unsplash client written using dart and flutter Sreenshots Architecture The goal of this pattern is to make it easy to separate pre
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
A simple and beautiful animated app bar created with Flutter.
Animated App Bar Flutter application showcasing the creation of an animated app bar. End Result Relevant YouTube Video https://youtu.be/SkkmoT_DZUA Ge
A library of Flutter to add a new style in the navigation bar.
Navigation Dot Bar Una libreria de Flutter, el cual agrega un BottomNavigationBar con un mejor estilo. Inspirada en la aplicacion "Reflectly" Como usa
A beautiful navigation bar to use in flutter
Beauty Navigation A beautiful navigation bar to use in flutter Inspired from the #dribbble shot by Mauricio Bucardo @m.bucardo Usage Add the Package i
Android loading animations
Android-SpinKit Android loading animations(I wrote a android edition according SpinKit) Demo Apk Preview Gradle Dependency dependencies { implement
A light weight library to easily manage a progress dialog with simple steps whenever you need to do it. You can easily show and hide it.
progress_dialog A light weight package to show progress dialog. As it is a stateful widget, you can change the text shown on the dialog dynamically. T
A clean and lightweight progress HUD for your iOS and tvOS app.
SVProgressHUD SVProgressHUD is a clean and easy-to-use HUD meant to display the progress of an ongoing task on iOS and tvOS. Demo Try SVProgressHUD on
A simple modal progress HUD (heads-up display, or progress indicator) for flutter
modal_progress_hud A simple widget wrapper to enable modal progress HUD (a modal progress indicator, HUD = Heads Up Display) Inspired by this article.
Bottom Sheet Expandable Bar for Flutter
Bottom Sheet Expandable Bar This package create a bottom navigation bar with the capability to show a bottom sheet. Instalation Include bottom_sheet_e
A full screen mobile scanner for scanning QR Code and Bar Code.
Flutter QR Bar Scanner A Full Screen Scanner for Scanning QR code and Barcode using Google's Mobile Vision API Reading & Scanning QR/Bar codes using F
Flutter bottom nav bar plugin
bottom_nav_bar An easy-to-use and clean bottom navigation bar. Preview 1 Preview 2 Preview 3 --------- Available Customization options BottomNavBar ic
As a beginner , this is my own side project by using flutter & dart , Firebase . This app still in progress .
helpful_app A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started
Bottom navigation bar with sliding clip effect.
Sliding Clipped Nav Bar Design Credit Toolbar icons animation by Cuberto How to use? API reference barItems โ ListBarItem List of bar items that sho
A dart library to create Progress Bars in console.
A package for creating an awesome progress bar in console. Usage Options: total : Total number of steps desc : Simple text shown before the bar (optio
Customizable Material and Cupertino buttons with progress indicators and more
future_button Customizable Material and Cupertino buttons with progress indicators and more.
Flutter circular text widget
Circular Text Widget Installation Add dependency in pubspec.yaml: dependencies: flutter_circular_text: "^0.3.1" Import in your project: import 'pack
A simple ratingbar for flutter which also include a rating bar indicator, supporting any fraction of rating.
A simple yet fully customizable rating bar for flutter which also include a rating bar indicator, supporting any fraction of rating. Salient Features
A Flutter implementation of an expandable and animated floating search bar, also known as persistent search.
Material Floating Search Bar A Flutter implementation of an expandable floating search bar, also known as persistent search, similar to the ones used
A Flutter package which implements a ConvexAppBar to show a convex tab in the bottom bar. Theming supported.
English | ็ฎไฝไธญๆ The official BottomAppBar can only display a notch FAB with an app bar, and sometimes we need a convex FAB. BottomAppBar and NotchShape
Uses a Canvas to create a fluid-style navigation bar with flutter
fluid_nav_test_project Fluid Button Bar (null safety) Uses a Canvas to create a fluid-style navigation bar that has a fun bouncy feel to it; also show