Browser Hub Demo
Web Share API
This closes the gap between websites and mobile apps for distribution, referrals, handoff, and cross-app workflows.
Native utilities
What this unlocks
Hand off links, text, and sometimes files to the device’s native share sheet. Common on mobile browsers and increasingly available on desktop. If unavailable, copy-link and mailto fallbacks still cover the core job.
Web Share API
Hand off links, text, and sometimes files to the device’s native share sheet.
This is most useful on mobile, where share sheets can hand off directly to messaging apps, notes apps, saved destinations, and nearby devices.
Referral-ready artifact
Modern browsers can ship native-feeling handoff
Share this page into messaging, notes, or other apps with one explicit action instead of making users copy and paste their own URLs.
Share a link through the device share sheet or copy it manually.
Use cases
Real product scenarios
These are the kinds of workflows where the API earns its complexity.
Invite flows and referral links.
Web Share API helps when the browser needs to move beyond plain navigation and forms.
Sharing saved articles, locations, or wishlists.
Web Share API helps when the browser needs to move beyond plain navigation and forms.
Passing generated artifacts into chat, mail, or notes apps.
Web Share API helps when the browser needs to move beyond plain navigation and forms.
Shipping notes
Progressive enhancement rules
Browser capability work is product design work. Support levels, permissions, secure context requirements, and fallback behavior matter as much as the demo itself.
Feature support differs between text sharing and file sharing.
Common on mobile browsers and increasingly available on desktop. If unavailable, copy-link and mailto fallbacks still cover the core job.
Keep the payload small and the intent explicit.
Common on mobile browsers and increasingly available on desktop. If unavailable, copy-link and mailto fallbacks still cover the core job.
More demos
Related browser capabilities
Continue through the hub to see how other modern APIs can reshape UX, device integration, and workflow design.
Native utilities
EyeDropper API
Sample any on-screen color with the system picker and pipe it back into the web app.
Open EyeDropper API