Awesome GitHub RepositoriesMobile Web Navigation Menus

cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction

Slideout is a touch-gesture UI component and navigation menu designed for mobile web applications. It provides a side panel that slides across the screen to reveal navigation options, utilizing CSS transitions to animate the movement of the viewport. The component manages the expanded or collapsed state of the navigation menu and includes logic to restrict gestures for specific interface elements to prevent interaction conflicts. It employs a system for executing custom logic triggered by menu state transitions and user drag gestures.

Lilishop is a multi-vendor B2B2C e-commerce platform designed as a marketplace where third-party merchants can manage independent storefronts within a unified ecosystem. It is built on a Spring Cloud microservices architecture and a Spring Boot backend, utilizing Vue and Uniapp to deliver responsive user interfaces across web, mobile, and mini-program platforms. The platform differentiates itself through integrated marketing automation tools, including group buying, bargain campaigns, and a commission-based affiliate distribution network. It also features a comprehensive financial settlement

body-scroll-lock est une bibliothèque de verrouillage du défilement DOM et un contrôleur de défilement multi-navigateur. Elle fournit des utilitaires pour désactiver le défilement de la page tout en maintenant la possibilité de défilement pour des éléments imbriqués spécifiques sur différents navigateurs et appareils. Le projet fonctionne comme un utilitaire de prévention des décalages de mise en page (layout shift) et un gestionnaire de défilement pour modales d'interface web. Il inclut des mécanismes pour ajouter du padding au corps de page (body) lorsque les barres de défilement sont supprimées, afin d'éviter les scintillements horizontaux et les décalages de contenu. La bibliothèque couvre la gestion du défilement pour la navigation mobile et les interactions modales, permettant à des conteneurs spécifiques de rester défilables tandis que le reste du corps du document est figé.

Il s'agit d'une bibliothèque JavaScript de navigation réactive utilisée pour créer des menus adaptés aux mobiles avec détection de la taille de l'écran et prise en charge tactile. Elle fonctionne comme un menu de navigation accessible et un commutateur de mise en page côté client qui effectue la transition entre les vues mobile et bureau sans dépendances externes. Le projet sert d'outil d'animation de menu qui permet des transitions CSS fluides et des animations basées sur la hauteur lors de l'activation des superpositions de navigation. Il utilise des API de navigateur natives pour gérer les états de l'interface et garantir que la navigation reste fonctionnelle pour les lecteurs d'écran et les utilisateurs sans JavaScript. La bibliothèque couvre des capacités pour détecter les points de rupture d'écran, gérer la visibilité de la navigation activée et implémenter des transitions de mise en page pour les interfaces tactiles.

This project is a jQuery plugin designed to detect and handle touch gestures on touch-enabled devices. It serves as a touch input handler and mobile gesture interface for identifying interactions such as swipes and pinches within a jQuery environment. The library distinguishes intentional gestures from accidental movements through configurable distance and time thresholds. It includes mechanisms to manage input interference, allowing for the exclusion of specific interactive child elements and the locking of default browser behaviors like scrolling or zooming during an active gesture. The sy

Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content. The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps. Additional capabilities include dimming ba