{"repo":"AymanSaikat/Mobile-Bottom-Tab-Bar","free":true,"listed":false,"github":"https://github.com/AymanSaikat/Mobile-Bottom-Tab-Bar","clone":"git clone https://github.com/AymanSaikat/Mobile-Bottom-Tab-Bar.git","description":"A fully custom, native app-style floating bottom tab bar for WordPress + WooCommerce, built with pure HTML, CSS, and JavaScript. No plugins, no jQuery, no external libraries required. A lightweight, plugin-free mobile navigation solution for WordPress & WooCommerce websites.","language":"HTML","stars":46,"topics":["floating-navigation-bar","mobile-navigation-tab","woocommerce","wordpress","mobile-bottom-tab-bar","wordpress-mobile-navigation"],"license":"MIT","category":"ecommerce","readme_excerpt":"📱 Mobile Bottom Tab Bar for WordPress / WooCommerce (Floating UI) A Mobile Bottom Navigation Bar built exclusively with HTML, CSS, and JavaScript . Designed specifically for WordPress / WooCommerce websites , this component allows you to add native-style mobile navigation without installing any extra plugins . This project provides a native app-like bottom tab bar experience for mobile shoppers and visitors, implemented directly into your theme files. By leveraging pure frontend code, it integrates seamlessly with WordPress templates and WooCommerce shop pages while keeping your site fast and bloat-free. --- 🔗 Live Preview 👉 https://aymansaikat.github.io/Mobile-Bottom-Tab-Bar --- ✨ Features - Floating island bottom navigation (fixed to viewport) - Mobile-only optimized design - Clean modern \"island\" UI style - 5 navigation tabs: - Home - Shop - Search - Favourite - Account - Active tab highlighted with a soft pill background - Inactive icons dimmed, active icon bold with thicker stroke - Only visible on mobile ( max-width: 768px ) - desktop is untouched - Bounces in on page load with a spring animation - Hides when scrolling down, reappears when scrolling up - Double tap Home tab scrolls smoothly back to top - Smart Shop tab - works normally on all pages, but when already on the Shop page tapping it again opens the Mini Cart Drawer instead - Lightweight (no frameworks) - Easy WordPress / Elementor integration - Smooth page transition (cream fade) when switching tabs - Hapt","default_branch":null,"files":null,"tree":[],"storefront":"/r/AymanSaikat","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/AymanSaikat/Mobile-Bottom-Tab-Bar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}