component
Share Button
By Richard de Jaroueh
Details
- Richard de JarouehAuthor
- componentType
- 2025-09-20Published
- 2025-10-22Updated
- 2025-09-11Added
- ButtonsCategories
Summary
Share Button uses the modern Web Share API to let visitors share your content with one click triggering the native share sheet.
Description
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 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
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4066