112 Repositories
Flutter floating-bottom-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
A sheet that aligns to the bottom of a widget and expands as scroll up.
slinky_view A sheet that aligns to the bottom of a widget and expands as scroll up. Getting started Add dependency. dependencies: slinky_view: ^1.0.
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
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
A Flutter plugin that makes it easier to make floating/overlay windows for Android with pure Flutter
flutter_floatwing A Flutter plugin that makes it easier to make floating/overlay windows for Android with pure Flutter. Android only Features Pure Flu
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
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
Show beautiful bottom sheet as confirmation dialog quickly and easily.
sweetsheet Show beautiful bottom sheet as confirmation dialog quickly and easily. nice warning success danger and since version 0.2.0 , it is fully cu
AdvFAB - An Advanced floating action button that expands itself to reveal its hidden widget
AdvFAB (More Than Just A Floating Action Button) AdvFAB is An Advanced floating action button that expands itself to reveal its hidden widget. It can
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 modal bottom route - A flutter route animation
flutter_modal_bottom_route This is a flutter route animation demo. See Chinouo J
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
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
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:
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
Famous FB Messenger Floating Chat head UI developed in Flutter.
Messenger Chat Head Tried to clone the famous Chat Heads by Facebook Messenger using Flutter. ๐ด Issues are reported in the bottom of README, feel fre
AnimatedBottomNavigationBar is a customizable widget inspired by
animated-bottom-navigation-bar AnimatedBottomNavigationBar is a customizable widget inspired by dribble shot. Made in lanars.com. With AnimatedBottomN
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
Show a draggable floating chat icon button and show messages on screens
Show a draggable floating chat icon button and show messages on screens Features A widget for displaying a chat icon (or custom widget) on top of a ba
A Very Flexible Widget that can Implement Material Sheets on all Directions, both modal and persistent, and consequently a Material Navigation Drawer
Flutter_MaterialSheetAndNavigationDrawer If this project helped you reduce developement time or you just want to help me continue making useful tools
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.
Iosish indicator - ๐ Create awesome and simple iOS style floating indicator which can be found when silent/sleep mode switched on Flutter.
Iosish indicator - ๐ Create awesome and simple iOS style floating indicator which can be found when silent/sleep mode switched on Flutter.
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
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
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
Floating Action Button Widget For Flutter
Flutter Tutorial - FloatingActionButton Widget (FAB) Embed the FloatingActionBut
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: Rating bottom sheet
Rating bottom sheet Features Getting started pubspec.yaml rating: lastest version Usage Implement the RatingController class PrintRatingController e
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
Example of floating buttons using dialogs on Flutter
Flutter example using floating buttons and dialogs This is a simple example showing floating buttons above a UI. These a shown via the showDialog() fu
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
Master Channel cannot use Glass Floating Action Button
Problem Master Channel cannot use GlassFloatingActionButton. About This package
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(
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
A action bottom sheet that adapts to the platform (Android/iOS).
Adaptive action sheet A action bottom sheet that adapts to the platform (Android/iOS). iOS Android Getting Started Add the package to your pubspec.yam
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 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
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
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 Flutter package providing an easy way to add floating ribbon to images.
Floating Ribbon A new Flutter package for creating floating ribbons on images. Dependency dependencies: floating_ribbon: any How To Use In order to
FFloat, although simple and easy to use, can satisfy all your imagination of the floating layer.
ffloat FFloat, although simple and easy to use, can satisfy all your imagination of the floating layer. Born and elegant, supporting precise position
A library for parsing and encoding IEEE-754 binary floating point numbers.
Dart IEEE754 library This library provides decoding and transforming IEEE754 floating point numbers in binary format, double format, or as exponent an
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
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
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
Floating panel let's you create quick Floating menu for the screen.
Flutter Float Box Float Box - v1.0 Overview Float box is a true floating panel for your app, which can be docked to either edges of the screen (horizo
Custom bottom sheet widget, that can resize by drag and then scroll.
Bottom Sheet This package is part of the SurfGear toolkit made by Surf. About Custom bottom sheet widget that can be resized in response to drag gestu
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 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
Doctor Consultation App in Flutter containing splash screen on boarding screen Routing state management Dash board Bottom navigation Decorated Drawer and Doctors Screen in the last.
Online doctor Consultation App UI in Flutter Doctor Consultation App UI in Flutter Visit Website Features State Management Navigation Bar Responsive D
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
How to add a notification badge in bottom navigation bar
bottom_navigation_badge / BottomNavigationBadge BottomNavigationBadge is a Flutter class developed by westdabestdb. Getting Started Add this to your p
Sleek circular slider/progress bar & spinner for Flutter
Sleek circular slider/progress bar & spinner for Flutter A highly customizable circular slider/progress bar & spinner for Flutter. Getting Started Ins
A liquid progress indicator for Flutter
liquid_progress_indicator Liquid progress indicator for Flutter. Features Liquid circular progress indicator. Liquid linear progress indicator. Liquid
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Motion Tab Bar A beautiful animated widget for your Flutter apps Preview: | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.1.5 B
Flutter File Select and Upload to the Server with Progress Bar - Day 44
Flutter File Select and Upload - Day 44 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { "title": "Flutter File Selec
Custom Bottom navigation bar on Flutter.
Intro Custom Bottom navigation bar on Flutter. The updated one Support : Null safety & Support 9 items on Tabs & Some Color, Size, Effects and font cu
Fast code and awesome design-ui for flutter navigation bar
Flutter-awesome-bottom-navigation-bar ๐ฑโ๐ค Fast code and awesome design-ui for flutter navigation bar ๐ฅ Getting Started # First you need to add flas
best flutter / dart practices + Custom Painter + Sliver App Bar + Custom Scrollview
Weekly Budget Flutter App A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get yo
flutter bottom navigation bat project
bottom_navigation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte
Flutter 2.0 (Null safety) Snapping Modal Bottom Sheet made using sliding sheet package. ๐
Snapping Modal Bottom Sheet Developement Stack Getting Started This project is a starting point for a Flutter application. A few resources to get you
A Flutter implementation of a customizable navigation bar with animations.
A heavily customizable bottom navigation bar with some animation modifiers.