151 Repositories
Flutter navigation-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
Flutter (web) app for the DevFest 2022 in HH, containing my slides as well as the examples used to talk about navigation
go_go_router A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if
Sūpāhīrō is a demo app for the talk/write on super charging your navigation 1.0 in flutter apps
navhero A simple experiment to give nav1.0 super powers. Named routing in Nav 1.0 could get messy, with large router files here and there. This projec
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
Customizable ScrollBar for quickly navigation.
material_scrollbar This package provides customizable scrollbar for your widget and easy to implement with the few lines of code. Material Scrollbar.
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
A flutter application for Navigation and routing issues
A flutter application for Navigation and routing issues.. The Application is about the meals, in which description of the meals is provided and the proper management of routes and navigation has been implemented.
POC fit-generation
fit_generation POC for fit-generation Table of content Table of content Project Description Getting started Git commit rules Navigation Deep Linking N
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
Building a simple Flutter app for understanding the BLoC State Management including: Cubit, Managing Route & showSnackBar.
Building a simple Flutter app for understanding the BLoC State Management including: Cubit, Managing Route & showSnackBar.
Simple but powerfull Flutter navigation with riverpod and Navigator 2.0
Riverpod navigation If you are interested in the motivation why the package was created and a detailed description of what problems it solves, read th
You can use this package for transition between screens with interesting way with amazing animation
You can use this package for transition between screens with interesting way with amazing animation
Flutter multiplatform navigation sidebar / side navigationbar / drawer widget
SidebarX 🔥 Flutter multiplatform navigation sidebar / side navigationbar / drawer widget Show some ❤️ and star the repo to support the project! Mobil
"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
Mapbox-flutter - A repository to demonstrate the use of Mapbox - it's Maps and Navigation SDKs in a Flutter application
MapBox Flutter This repository contains code corresponding to the Youtube video
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
Pasar parametros - App to practice navigation between screens and passing parameters from A-B and B-A
App 5 App para practicar navegacion entre pantallas y paso de parametros de A-B
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 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:
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
AtmConsultoria - Learning how components work for navigation between screens
Aplicativo ATM Consultoria Aprendendo o funcionamento dos seguintes recursos: Na
GoogleNavBar is a Flutter widget designed by Aurelien Salomon and developed by sooxt98
google_nav_bar A modern google style nav bar for flutter. GoogleNavBar is a Flutter widget designed by Aurelien Salomon and developed by sooxt98. Gett
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
A collapsible sidebar for Flutter apps implementing the Material Design.
collapsible_sidebar A collapsible sidebar for Flutter apps implementing the Material Design. Features Material Design Pre-built customizable tile widg
Exploring the newly released and updated material widgets in Flutter .... Navigation Rail and others
flutter_material_widgets A Flutter project that gives a visual representation of how the new NavigationRail Widget in Flutter works. If you appreciate
A customized Flutter Drawer
SideMenuDownSide This project is about a Customized Flutter Drawer Table of contents How it work Struture How to use Contribution How it work Structur
Flutter custom BottomBar Navigation Widget
bottom_bar_with_sheet 💥 Non-standard way to use more space of screens in your application 💥 😳 Custom bottom Sheet under Bottom Navigation Bar 😳 😩
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
Fancy OnBoarding Screen Library
👏 FancyOnBoarding A Fancy OnBoarding Screen Library for Easy and Quick Usage. Checkout the Original Author : Checkout the Original Designer : The sou
Easy page navigation and management in Flutter apps.
sailor A Flutter package for easy navigation management. Warning: Package is still under development, there might be breaking changes in future. Index
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
A flutter app with custom navigation drawer
Delivery Um Aplicativo de Delivey em Flutter Preview Getting Started This project is a starting point for a Flutter application. A few resources to ge
Overlapping panels - Discord inspired navigation for Flutter apps
Overlapping Panels Add Discord-like navigation to your app. Demo project here: o
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
The easiest way to use navigation, context less and useful methods.
Starlight Utils The easiest way to use navigation, context less and useful methods. Features Name Status Context Less Navigation Service ✅ Context Les
FLUTTER API: It's powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.
scroll_navigation My other APIs Video Viewer Video Editor Helpers Features Fancy animations. Customizable colors. Works with the back button. Scrollin
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
Flutter-Music-Player - A simple music player app that let you play mp3 songs with some customization feature with a rich user interface
Flutter-Music-Player - A simple music player app that let you play mp3 songs with some customization feature with a rich user interface
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
COVID-19-App - COVID-19 App UI Built Using Flutter
COVID-19 App UI A covid-19 tracker app, where you gonna see all statistics like
Flutter Navigation - all types of navigation in flutter run main.tabBar.dart to see tabBar, and run main.dart to see the otheres
pop_up_bar A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th
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 base, with a navigation button
mysample 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
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 very easy-to-use navigation tool/widget for having iOS 13 style stacks.
cupertino_stackview A very easy-to-use navigation tool/widget for having iOS 13 style stacks. It is highly recommended to read the documentation and r
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 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
A package can help you to change your flutter app's statusbar's color or navigationbar's color programmatically.
flutter_statusbarcolor A package can help you to change your flutter app's statusbar's color or navigationbar's color programmatically. Getting Starte
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(
An examples of navigation with the Flutter and GetX libraries
Ejemplos de navegación en Flutter Dentro de este repositorio podrán acceder a ej
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 cross-platform Flutter widget for displaying websites. Optional navigation buttons.
Overview Gives you a cross-platform Flutter widget for displaying websites and other web content. Licensed under the Apache License 2.0. Links Github
App that simulates a flow of screens for the course of navigation and routes with nuvigator through Flutter
Rotas app App que simula um fluxo de telas para o curso de navegação e rotas com
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 TabBarController that is easy to use for flutter developers. 🥰 It supports various styles of page navigation, and you can also use it to customize your favorite styles. 🍻🍻
easy_tab_controller A user-friendly TabBarController widget for flutter developer. Getting Started This project is a starting point for a Flutter plug
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
Check out the new style for App Design aims for the Vegetable Order Service using jetpack compose
VegetableOrderUI-Android Check out the new style for App Design aims for the Vegetable Order Service using jetpack compose... 😉 😀 😁 😎 Screenshots
Flutter route generator
--- for more docs with examples https://autoroute.vercel.app Introduction Installation Setup and Usage Generated routes Navigation Navigating Between
Draggable Scrollbar - A scrollbar that can be dragged for quickly navigation through a vertical list.
A scrollbar that can be dragged for quickly navigation through a vertical list. Additionaly it can show label next to scrollthumb with information about current item, for example date of picture created
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