105 Repositories
Flutter navigation Libraries
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
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
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-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
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 ๐ฆ
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
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
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
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
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
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
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
Animated Menu in Flutter using radial.
Animated_radial_Menu_in_Flutter Animated Menu in Flutter using radial. Getting Started This project is a starting point for a Flutter application. A f
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
A Flutter implementation of a customizable navigation bar with animations.
A heavily customizable bottom navigation bar with some animation modifiers.
An easy to use side menu in flutter and can used for navigations
Easy Sidemenu Easy sidemenu is An easy to use side menu (bar) for flutter that you can use for navigations in your application. Sidemenu is a menu tha
Flutter Split View and Drawer Navigation example
Flutter Split View and Drawer Navigation example This repo contains the source code for this tutorial: Responsive layouts in Flutter: Split View and D
A wrapper around Navigator 2.0 and Router/Pages to make their use a easier.
APS Navigator - App Pagination System This library is just a wrapper around Navigator 2.0 and Router/Pages API that tries to make their use easier: ๐ง
A Flutter application with proper navigation and routes handling and API data fetching and posting.
Flutter-Navigation-and-API-Integration A Flutter application with proper navigation and routes handling and API data fetching and posting. โฎ Preview G
Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navigation Drawer in Flutter.
Flutter Tutorial - Collapsible Sidebar Menu & Navigation Drawer Let's create a Flutter Collapsible Sidebar Menu that can collapse and expand the Navig
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
Managing flutter navigation with riverpod.
Navigation for Riverpod Managing Flutter navigation with riverpod. Usage Bootstrap Replace your root ProviderScope with a RiverpodNavigation widget wi
Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.
Flutter Tutorial - Sidebar Menu & Selectable Navigation Drawer Let's create a selectable Flutter Navigation Drawer with routing that highlights the cu
A simple but powerful path-based navigation router with full web-browser and deeplink support.
nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a hi
A simple but powerful path-based navigation router with full web-browser and deeplink support.
nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a hi
A simple and easy to learn declarative navigation framework for Flutter, based on Navigator 2.0.
A simple and easy to learn declarative navigation framework for Flutter, based on Navigator 2.0 (Router). If you love Flutter, you would love declarat