Mobile UI Tester

swipe for more options →
Patterns
Forms
Buttons
Gestures
Media
Browser
Loading
Feedback
Navigation

Hamburger Menu

Tap to open slide-out navigation

Tap to open menu

Search with Autocomplete

Type to see suggestions

🔍

Image Carousel

Swipe to navigate or click dots

Text Inputs

Selection Controls

Button Styles

Button Sizes

Touch Targets (Tap to Test)

44x44px minimum recommended

32px
44px
56px

Swipe Detection

Swipe in any direction

Swipe here

Long Press

Press and hold for 1 second

Double Tap

Tap quickly twice

Pinch to Zoom

Use buttons or pinch gesture to zoom

Zoom Me

Video Player

Tap play to start video

Audio Player

Test audio playback controls

Now Playing: Sample Track
1:23 3:45

Browser Navigation

Test back, forward, and refresh

example.com/page

Tab Management

Open, switch, and close tabs

Tab 1 ×
Tab 2 ×

Share Sheet

Common share options on mobile

Permission Prompts

Common browser permissions

📍 "example.com" would like to access your location
📷 "example.com" would like to access your camera

Copy & Paste Text

Long-press to select and copy text

This is sample text that you can select, copy, and paste. Try long-pressing on this text to select it, then use your device's copy function. This demonstrates how text selection and copying works on mobile web browsers.

Link Interaction

Tap to open or long-press for options

Test these real links:

Google.com
Wikipedia.org
GitHub.com

Tap: Opens link in current tab
Long-press: Shows context menu with options like "Open in new tab", "Copy link", etc.

Bookmark & Download

Save pages and files

Spinner

Set duration or infinite loading

Progress Bar

Animate progress over time

Skeleton Screens

Toggle skeleton loading state

Toast Notifications

Alerts

Info: This is an information message
Success: Operation completed
Warning: Please review carefully
Error: Something went wrong

Badges

Default Primary Success Danger

Chips

Chip 1 ×
Chip 2 ×
Chip 3 ×

Bottom Sheet

Cards

Card Title
This is a card component commonly used in mobile layouts to group related content.
Another Card
Cards provide a clean way to present information.

Dividers

Content above divider

Content below divider

Avatar List

John Doe
Software Engineer
Jane Smith
Product Designer
Mike Johnson
Project Manager
Menu

Bottom Sheet

This is a bottom sheet modal, commonly used on mobile for actions and additional content.