---
title: "Share Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Richard de Jaroueh · Buttons. Share Button uses the modern Web Share API to let visitors share your content with one click triggering the native share sheet."
canonical: "https://framer.elliotli.dev/component/share-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Share Button

# Share Button

[View on Framer](https://framer.com/marketplace/components/share-button/?via=elliot-li)

![Share Button preview image 1](https://framer.elliotli.dev/og/component/share-button/25060f05e6c6951a/1600x1200.jpg)

## 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](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

## Rank history [How rankings work →](/terms#rankings)

-   All · #4790

## Details

- **Author**: Richard de Jaroueh
- **Published**: 2025-09-20
- **Updated**: 2025-10-22
- **Added**: 2025-09-11
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything