Mobile storefront experience

A complete HanShop mobile demo featuring bottom-tab navigation, pull to refresh, swipe actions, filter sheets, variant pickers, a floating support button, and safe-area handling. Every overlay stays within the phone frame.

HanShop

Pull to refresh

Flash sale02:48:33 remaining

Recommended for you

Live support

iPhone 16 Pro · Home / Categories / Cart / Account

Mobile component coverage

IPhoneDevice frame with children filling the screen
SafeAreaTop notch and home-indicator adaptation
TabBarfixed={false} keeps the bar at the bottom of the document flow
PullToRefreshPull-to-refresh product list on Home
ActionSheetFilter and sort sheet on Categories
PickerWheel picker for variants and colors
SwipeActionSwipe actions on category products and cart rows
FabFloating support speed dial in the lower-right corner

Overlay layout: the screen container uses relative; Fab uses absolute overlay positioning; TabBar uses fixed={false}; and ActionSheet uses a Base UI Dialog Portal without affecting the in-frame layout.