Share Button

Show Preview
Share Button
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

From Richard de Jaroueh

Copy Button
AmbiLight Video
Time-Based Text
LUT Grade

Related Components

Particle Button
underline button
Web Haptics
Dark Mode Toggle