IconVault logoIconVault
Sign in

Web Share - Interactive Tool | IconVault

Learn the Web Share API: share real text, links and files, check file support, and build a share-target manifest. Free, in your browser.

All tools

Web Share

Share text, links and files plus a share-target manifest builder

5 of 5 free uses left

Share text and links

Share files

Pick files to share

5 of 5 free shares left.

Share-target manifest builder

Want your PWA to receive shares? Add a share_target block to your web app manifest, then read title, text and url query params on the action page.

{
  "name": "My PWA",
  "short_name": "My PWA",
  "start_url": "/",
  "display": "standalone",
  "share_target": {
    "action": "/share",
    "method": "GET",
    "enctype": "application/x-www-form-urlencoded",
    "params": {
      "title": "title",
      "text": "text",
      "url": "url"
    }
  }
}

About this tool

IconVault's Web Share playground is a hands-on lab for the Web Share API. On a supported device it opens the real native share sheet for text, links, and files, with navigator.canShare checks that tell you honestly which files a browser will accept. If your browser does not support sharing, the page says so plainly and gives you a copy fallback instead of pretending. It is free and runs fully in your browser.

The second half of the page is a share-target manifest builder for developers who want their PWA to receive shares from other apps. Enter your app name and action URL to generate a valid manifest.webmanifest with a share_target block, then download it or copy the JSON. Learn both directions of web sharing: sending with navigator.share and receiving with share_target.

Frequently asked questions

Popular searches

web share apinavigator.shareweb share tutorialshare api demonavigator.share exampleweb share filesnavigator.canshareweb share not supportedshare text javascriptshare url web apinative share sheet webweb share targetshare_target manifestpwa share target examplemanifest share_targetreceive shares pwaweb share api supporthow to use navigator.sharejavascript share buttonweb share fallbackcopy link fallback shareshare files from browserweb share api androidweb share ios safarimobile web sharelearn web share apiweb share playgroundweb api playgroundshare sheet javascriptpwa manifest builderweb app manifest generatorshare_target action urlshare_target paramsshare title text urlprogressive web app sharingadd to homescreen shareweb share vs share buttonssocial share without sdkbrowser share dialognavigator.share files examplecanShare check filesweb share secure contexthttps share apifrontend share featurejavascript native sharingweb platform sharepwa capabilitiesinstallable web app shareshare sheet web appnavigator.share tutorial

More tools

Algorithm Visualizer

Watch sorting and searching animate step by step

Alt Text Helper

Write better image alt text with live feedback

ARIA Reference

Searchable ARIA roles and attributes guide

Array Visualizer

Step through map, filter, reduce like a debugger

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →