navigation-bar

There are 1 repository under navigation-bar topic.

• tyzlmjj / PagerBottomTabStrip

  An bottom navigation bar for Android

  material-designnavigation-bar
  Language:Java 2843

• zoontek / react-native-edge-to-edge

  Effortlessly enable edge-to-edge display in React Native (formerly known as react-native-bars).

  edge-to-edgenavigation-barreact-nativestatus-bar
  Language:TypeScript 649

• SmileZXLee / ZXNavigationBar

  灵活轻量的自定义导航栏，导航栏属于控制器view，支持导航栏联动，一行代码实现【导航栏背景图片设置、导航栏渐变、折叠、修改Item大小和边距、自定义导航栏高度、全屏手势返回、pop拦截、仿系统导航栏历史堆栈】等各种效果

  navigationnavigation-barnavigationbarnavigationbaritemsnavigationview
  Language:Objective-C 339

• qmathe / DropDownMenuKit

  UIKit drop down menu, simple yet flexible and written in Swift

  iosswiftmenudropdowncontroluikituinavigation-bardropdown-menupopuptableviewnavigation
  Language:Swift 302

• kadiraydinli / react-native-system-navigation-bar

  React Native lets you customize the navigation bar for Android.

  androidfits-systems-windowsfull-screenimmersivelean-backlight-navigation-barlow-profilenavigation-barnavigation-colornavigation-contrast-enforcednavigation-divider-colornavigation-hidenavigation-showreact-nativereact-native-navigation-barstiky-immersive
  Language:Java 270

• right7ctrl / flutter_floating_bottom_navigation_bar

  Floating bottom navigation package for flutter

  bottom-app-bardartflutterflutter-packagenavigation-bar
  Language:Dart 110

• kishan2612 / Material-Backdrop-Android

  Material Backdrop

  androidbackdropmaterial-designlayoutnavigation-drawermaterial-design-2android-developmentandroid-uiandroid-architecturenavigation-menusnavigationviewnavigation-barandroid-librarymaterial-componentsmaterial-ui
  Language:Java 106
• responsive-navbar-with-search-and-login

  bedimcode / responsive-navbar-with-search-and-login

  Responsive Navbar Using HTML CSS & JavaScript | With Search & Login

  navbar-cssnavigation-barresponsive-navbar
  Language:SCSS 105

• gxsshallot / react-native-pure-navigation-bar

  A fully customizable navigation bar in React Native.

  customizablenavigation-barreact-native
  Language:JavaScript 96

• dieudonneAwa / responsive-navbar

  YT tutorial companion repo

  hamburger-buttonhamburger-menuhamburger-menu-iconnavbarnavigation-barnavigation-menuresponsive-navbarresponsive-navigation
  Language:JavaScript 89

• HaiTeng-Wang / PageSegment

  左右滑动切换页面，TabBar支持小红点显示。

  iosnavigation-barpagesegmented-controlstabbar
  Language:Objective-C 89

• bedimcode / liquid-navigation-indicator

  Liquid Navigation Menu Indicator Using HTML CSS & JavaScript

  css-effectsmenu-navigationnavigation-bar
  Language:SCSS 69

• hugotomazi / navigation-bar

  Navigation Bar plugin for Capacitor

  ionic-frameworkcapacitor-plugincapacitor-communityionic5navigation-barandroidiosweb
  Language:TypeScript 62

• LeslieCorrea / Xamarin-Forms-Shopping-Cart

  Xamarin forms shopping cart by replacing toolbar item.

  xamarin-formsnavigation-barsqliterest-apipersistence-storagemvvmappcentercsharpxaml
  Language:C# 62

• FaxMiao / navigationBar

  微信小程序自定义navigationBar顶部导航栏，兼容适配所有机型（完整示例）

  navigationbarnavigation-bar
  Language:JavaScript 42

• hudl / react-native-system-bars

  Control the visibility of Android's Status Bar and Navigation Bar

  react-nativeandroidnavigation-barstatus-bar
  Language:Java 39
• bottom-navigation-bar

  bedimcode / bottom-navigation-bar

  Bottom Navigation Bar With Expandable Menu Using HTML CSS And JavaScript

  bottom-navigation-barnavigation-barnavigation-bottom
  Language:SCSS 16

• Dirkster99 / HistoryControlLib

  Implements a themable recent locations (forward, backward, up. pop-up list) control a la Windows (7-10) Explorer

  controlcsharpdark-themedotnetexplorerforwardhistory-managementlight-thememvvmnavigation-barrecentrecent-foldersthemewpf
  Language:C# 11

• kartollika / Island-NavigationBar

  Navigation bar to make your screens be more attractive with a lot of customization tools

  navigationbarmaterialandroidbottom-navigationbottomnavigationviewnavigationviewandroid-libraryandroid-uinavigationwidgetui-librarynavigation-barnavbar
  Language:Kotlin 11

• sahq-azhar / Android-Sliding_Tabs_with_NavigationDrawer

  ⭐A ready to use Android app template.Navigation Drawer with fragments and Swipeable tabs. The most used layout for organized and minimal displays.

  androidandroid-applicationtabsswipable-tabsnavigation-drawerfragmentsandroidxjavaxmlappnavigation-barswipablelatest-versionlatestandroid-studioandroid-appandroid-developmenttemplateandroid-sdkgoogle
  Language:Java 11

• yanranxiaoxi / OpenNav

  开放、自由的个人网络收藏夹

  navigation-barphpweb-navigation
  Language:PHP 10

• ProgrammierenM / mobile-bottom-navigation

  Mobile Navigation mit HTML CSS und JavaScript welche sich je nach Scroll Position anpasst

  csshtmljavascriptnavigationnavigation-bar
  Language:CSS 7

• arravind-r / Responsive-HTML5-Navigation-Menu

  A super responsive HTML5, CSS3 Navigation Menu (No Framework)

  navigationbarnavbarnavbar-cssnavbar-mobilehtmlhtml-navigationnavigation-barresponsive-navigationresponsive-navbarresponsive-menumenu-navigationmenu-barmenu-itemmenubarcss-menuhtml-menumenu-animation
  Language:SCSS 6

• MariaLuiza-CS / NavigationBar

  📚 let’s learn how we can use navigation bar

  androidjetpack-composematerial-design-3navigation-bar
  Language:Kotlin 6

• masterashu / spotlight_navbar

  flutternavigation-bar
  Language:Dart 6

• themustafaomar / tailwindcss-navbars

  Lightweight Tailwindcss plugin for creating responsive navbars with hoverable and clickable dropdowns out of the box, inspired by Bootstrap with the power of Tailwindcss.

  navbarnavigation-bartailwindcss-navbarstailwindcss-plugin
  Language:JavaScript 6

• erickdc7 / responsive-navigation-bar

  Navigation Bar

  dropdown-menunavigation-barresponsive-designwebsite-design
  Language:HTML 5

• ezatpanah / CustomBottomNavigationBar-Youtube

  Custom Bottom Navigation Bar Like Pinterest in Kotlin

  androidandroid-appandroid-applicationandroid-studiokotlinnavigationnavigation-architecture-componentnavigation-barnavigation-componentnavigation-controller
  Language:Kotlin 5

• deshapriyakhatua / responsive_navbar

  Responsive Navigation Bar with HTML, CSS & JavaScript

  navigation-barresponsive-layoutresponsive-navresponsive-nav-barresponsive-navbar
  Language:JavaScript 4

• ggujangi / ggu.system.ui

  Control System UI Visibility Practice

  androidsystem-uivisibilitystatus-barnavigation-bar
  Language:Java 4

• HTD-Health / lottie-navigation

  App navigation using Lottie

  lottienavigation-baranimations
  Language:JavaScript 4

• CWBudde / cordova-plugin-android-window-tools

  This Plugin contains code to access certain window properties (sizes, insets, etc.)

  cordova-plugincordova-androidnotchstatusbarnavigation-bar
  Language:Java 3

• lucasshiva / fade_indexed_stack

  A Flutter package built on top of IndexedStack to allow lazy loading and FadeTransition.

  bottom-navigationdartflutterflutter-packagenavigation-barwidget
  Language:Dart 3

• mendess12 / Navigation

  data-transfernavigationnavigation-barnavigation-datadata-transfersfragmentnavigation-actionroom
  Language:Kotlin 3

• devsujay19 / A-HTML-and-CSS-Navigation-Bar

  A Simple Navigation Bar.

  navigationnavigation-barcsscss-projectshtmlhtml-css-projectshtml-projectsnavnavbarnavigatorprojects
  Language:CSS 2

• sofiane-abou-abderrahim / html-css-basics-travel-landing-page

  I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the background image thanks to the positioning elements concept. Finally, I applied the default document flow and broke this default view with position absolute and position fixed. But, that's not it: I used selected properties, such as object fit to style the images properly...

  background-imagecss-flexbox-gridcss-flexbox-layoutcss-grid-layoutcss3html5imageslanding-pagelogonavigation-barobject-fitposition-absoluteposition-elementsposition-fixedsemantic-structure
  Language:HTML 2