Hamburger Menu
Tap to open slide-out navigation
Search with Autocomplete
Type to see suggestions
Image Carousel
Swipe to navigate or click dots
Text Inputs
Selection Controls
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
Tab Management
Open, switch, and close tabs
Tab 1
×
Tab 2
×
Share Sheet
Common share options on mobile
Permission Prompts
Common browser permissions
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
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 DangerChips
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