97 Repositories
Flutter 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
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
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 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
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
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.
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
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
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(
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 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
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.
An app that opens Facebook, Google, Youtube by Click on the navigation bar items specifically for each.
navbutton 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
A quick and powerful Flutter layout with a bottom navbar.
What is bottom_nav_layout? It is a quick flutter app layout for building an app with a bottom nav bar. You can get an app with fluent behavior running
A library to draw fantastic bar charts race in Flutter
bar_chart_race The first library to draw fantastic bar charts race in Flutter Usage Let's get started add the dependencies to your app: dependencies:
A Splash screen with curved custom bottom sheet and dots indicator within it.
Pub.dev Curved Splash Screen A Splash screen with curved custom bottom sheet and dots indicator within it. You can add your custom splash screens acco
A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.
FL Chart ๐ฅ A library to draw fantastic charts in Flutter ๐ฅ Chart Types LineChart BarChart PieChart Read More Read More Read More ScatterChart RadarC
Flutter | Create advanced modal bottom sheets. Material, Cupertino or your own style
Flutter Modal Bottom Sheet BREAKING CHANGE IN 1.0.0 In the builder param remove scrollController and use ModalScrollController.of(context) instead to
An elastic material bottom sheet implementation for Flutter.
An elastic material bottom sheet implementation for Flutter. This is still an early preview, some behaviors can change or being removed. Every feedbac
A beautiful and simple bottom navigation bar with smooth animation when switching selected item.
Titled Bottom Navigation Bar A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, re
A beautiful and animated bottom navigation
BottomNavyBar A beautiful and animated bottom navigation. The navigation bar use your current theme, but you are free to customize it. Preview PageVie
Circular Bottom Navigation Iman KhoshabiCircular Bottom Navigation [368โญ] - Beautiful animated bottom navigation bar by Iman Khoshabi.
![Circular Bottom Navigation Iman KhoshabiCircular Bottom Navigation [368โญ] - Beautiful animated bottom navigation bar by Iman Khoshabi.](https://github.com/imaNNeoFighT/circular_bottom_navigation/raw/master/repo_files/images/uplabs_demo.gif)
Circular Bottom Navigation (or maybe a tab bar). This is implementation of an artwork in Uplabs Donate Support us by becoming a patron on Patreon Let'