---
title: "Social Share — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Muhammad Shahin · Buttons. Responsive, customizable share buttons."
canonical: "https://framer.elliotli.dev/component/social-share"
---

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

# Social Share

Responsive, customizable share buttons.

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

![Social Share preview image 1](https://framer.elliotli.dev/og/component/social-share/55c390581d051e95/1600x1200.jpg)

## Summary

Responsive, customizable share buttons.

## Description

**Overview** Easily add social sharing functionality to your blog posts, articles, or landing pages. This component handles the complex share logic for you, providing direct sharing links for the most popular networks.

**Key Features**

-   **Extensive Platform Support:** Includes 15+ networks including Facebook, X (Twitter), LinkedIn, Pinterest, WhatsApp, Reddit, and newer platforms like **Threads** and **Bluesky**.
    
-   **Fully Customizable:** Toggle icon visibility and adjust colors to match your brand.
    
-   **Responsive Design:** Use the "Fluid Width" option to make buttons fill the available space, perfect for mobile layouts.
    
-   **Zero Dependencies:** Uses optimized inline SVGs for fast loading and maximum security—no external scripts or CDNs.
    
-   **Design Controls:** Fine-tune spacing, border radius, font styles, and horizontal alignment (Left, Center, Space Between, etc.).
    
-   **Custom Icon Color:** Override default brand colors with your own icon color for a minimalist look.
    

**How to Use**

1.  Drag the component onto your page.
    
2.  Select the platforms you want to display from the property panel.
    
3.  Customize the appearance using the intuitive controls.
    
4.  That's it! The sharing links automatically grab your page's current URL and title.
    

**Notes**

-   To remove a platform, simply delete it from the list in the property panel.
    

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

-   All · #8497

## Details

- **Author**: Muhammad Shahin
- **Price**: $3.00
- **Published**: 2026-02-15
- **Updated**: 2026-02-15
- **Added**: 2026-01-29
- **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