124 Repositories
Flutter bottom-navigation Libraries
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.
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
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
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
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
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
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
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 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
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 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 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_
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
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
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
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
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
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
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
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
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
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
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 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
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
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
Navigation the Multiple Screens ( All categories and Favourites Screens ) and add settings to sort the meals based on categories
meals_app Navigation the Multiple Screens ( All categories and Favourites Screens ) and add settings to sort the meals based on categories Getting Sta
Weather app using Bloc architecture pattern & generic HTTP client with interface implementation and much more for more detail read Readme
weather Weather application for current weather, hourly forecast for 48 hours, Daily forecast for 7 days and national weather alerts. How to Run Insta
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
Page Transition package for multiple navigation types
f_page_transition A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you st
Navigation Screens Project
screens 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 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
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
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
Tour guide App UI in Flutter Consist of Three Pages. First Screen is Splash Screen , Second is welcome screen routing to third Screen and Third screen consist of details , navigation, places, and responsive UI.
Tour Guide // Tourism App Ui in Flutter. Tour Guid App Ui in Flutter. Visit Website Features State Management Navigation Bar Responsive Design Hybrid
Fitness Equipments Shopping App in Flutter
Flutter Fitness Shopping App UI with simple widgets and containing three pages and inside the app there is Start Screen, Navigation Bar , Products Screen, and Product Detail Screen with Add to Cart.
Flutter Material Design Navigation Drawer Menu
navigation_drawer_menu Flutter Material Design Navigation Drawer Menu Navigation drawer is a common UI pattern for adaptive menus. The Material Design
Flutter Flows made easy! A Flutter package which simplifies navigation flows with a flexible, declarative API.
Flutter Flows made easy! Usage Define a Flow State The flow state will be the state which drives the flow. Each time this state changes, a new navigat
Easy-to-use Navigator 2.0 router for web, mobile and desktop. URL-based routing, simple navigation of tabs and nested routes.
Routemaster Hello! Routemaster is an easy-to-use router for Flutter, which wraps over Navigator 2.0... and has a silly name. Features Simple declarati
A flutter navigation package
Create By Me(Agalaba Ifeanyi Precious) go Navigate Navigate Like a pro from one Screen to another Using go navigate. go_Navigate provide you the abili
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
A Flutter package that makes navigation and routing easy.
A Flutter package that makes navigation and routing easy.
Flutter Navigation Best Practices including adapting navigation to platform and branding techniques for navigation surfaces.
Flutter Navigation Best Practices including adapting navigation to platform and branding techniques for navigation surfaces.
Reescrevendo meditation app com getx e getxpattern
meditation_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i
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