PocketPlay
中文

Social Share Link Generator

Turn a URL, title and description into ready share links for X, Facebook, LinkedIn, Reddit, WhatsApp, Telegram, Weibo, QQ, WeChat QR, email and more, plus a copy-paste HTML button bar.

🔒 Runs in your browser — files never leave your deviceFree · No sign-up

Share links

WeChat / scan to share

WeChat has no share URL scheme, so share by QR code: scan it on a phone, then send the page from the WeChat browser.

HTML button bar


  




How to build share links
  1. Fill in the URL, the title and the message you want pre-filled when someone shares the page. Add an image URL for Pinterest, Weibo and QQ.
  2. Copy any single network link, or open it to check what the share sheet will look like.
  3. Grab the HTML button bar for your site, and use the WeChat QR code where no share URL exists.
FAQ
Do these links track anyone?
No. They are plain https:// share endpoints published by each network; this page just assembles and URL-encodes them in your browser. Nothing is sent anywhere until you click a link.
Why does my title or image not show up?
Facebook, LinkedIn and most Chinese networks ignore the parameters and read your page's Open Graph tags instead. Set og:title, og:description and og:image on the page you are sharing.
Should I use the Web Share API instead?
On phones, yes — navigator.share() opens the native share sheet with every installed app. Keep the explicit links as a desktop fallback, since browser support outside mobile is uneven.


  


  

    
    

          
            
            
              CSS Gradient GeneratorHOT
              Build linear, radial and conic CSS gradients visually, then copy the CSS, a Tailwind class or an SVG file.
            
          
          
            
            
              CSS Filter Generator
              Tune blur, brightness, contrast, hue-rotate, drop-shadow and more with live sliders, then copy the CSS filter rule.
            
          
          
            
            
              CSS Animation Generator
              Build @keyframes animations visually with a cubic-bezier easing editor, ready-made effects and a live preview.
            
          
          
            
            
              Box Shadow Generator
              Stack multiple box-shadow layers with live preview, Material elevation and neumorphic presets, then copy the CSS.
            
          
          
            
            
              Border Radius Generator
              Drag eight handles to shape any corner, including organic blob shapes, and copy the border-radius CSS.
            
          
          
            
            
              Color PickerHOT
              Pick any colour with a saturation square, hue and alpha sliders, read HEX/RGB/HSL/HSV/CMYK and check WCAG contrast.
            
          
          
            
            
              Color Converter
              Paste any colour — name, hex, rgb, hsl, hwb, lab, lch, oklch or cmyk — and get every other format instantly.
            
          
          
            
            
              CSS Grid Generator
              Design a CSS Grid visually — set track sizes and gaps, drag to name areas, and copy the container CSS and HTML.
            
          
    

    
All tools →