Share Button

Show Preview
Share Button

About Share Button

Note: The Marketplace preview may not work (iframe restrictions). Please test it here: https://share-button.framer.website

Simple Share Button

The Share Button uses the modern Web Share API to let visitors share your content with one click triggering the native share sheet.

Features

  • Share the current page URL with title

  • Share custom text or any URL

  • Share images (using Web Share Level 2 with file support on iOS/Safari 16+)

  • Choose between a standard or iOS-style share icon, or hide the icon completely

  • Fully customizable: font, colors, padding, border, hover styles, corner radius

  • Smooth fade transitions with configurable duration

  • Accessibility-friendly (ARIA labels, reduced-motion support)

How to use

  1. Drag the Share Button onto your canvas.

  2. Choose the source: Page URL, Custom Text/URL, or Custom Image.

  3. Adjust the label, icon style, and styling options to match your design.

  4. Preview on a real device to see the native share sheet in action.

Support

Works on all modern browsers and devices that support the Web Share API