Mobile Navigation Patterns

Name: Mobile Navigation Patterns
Author: @nav_priya

ReactNavigationMobileUpdated 2026-07-18

When to use: Building responsive navigation that adapts from desktop sidebar to mobile bottom tabs.

Install

npx skills add mobile-nav-patterns

Git Clone

git clone https://github.com/skillhub-community/mobile-nav-patterns.git

Repository Docs

Description

Three battle-tested mobile navigation patterns in one skill: a bottom tab bar with active indicator, a slide-out drawer with backdrop, and a hamburger-to-bottom-sheet transition.

Each pattern ships with gesture support (swipe to open/close) and respects `prefers-reduced-motion`.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@nav_priya

LicenseMIT

Version1.0.1

Dependencies0