Share Button
A fully customizable Share Button that opens the native share sheet on mobile and desktop browsers. Supports sharing the current page, custom text/URLs, or images.
Make it with Workshop
Build your own component with AI
A fully customizable Share Button that opens the native share sheet on mobile and desktop browsers. Supports sharing the current page, custom text/URLs, or images.
Make it with Workshop
Build your own component with AI
Note: The Marketplace preview may not work (iframe restrictions). Please test it here: https://share-button.framer.website
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
Drag the Share Button onto your canvas.
Choose the source: Page URL, Custom Text/URL, or Custom Image.
Adjust the label, icon style, and styling options to match your design.
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
