---
title: "Sleek Social Share — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Buttons. Six share platforms, one component"
canonical: "https://framer.elliotli.dev/component/sleek-social-share"
---

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

# Sleek Social Share

Six share platforms, one component

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

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

## Summary

Six share platforms, one component

## Description

Set your URL and message once. Each button opens the correct share intent in a new tab. Copy Link writes to the clipboard and shows "Copied!" for two seconds, then resets.

Pick your icon style: brand gives each platform its own color, monochrome keeps everything uniform, outline goes transparent with a colored border. Control size, gap, borderRadius, alignment, and toggle showShadows and showTooltips on or off. Need to override a specific platform's color? Per-platform customColors controls show up only for the platforms you've enabled. Toggle between the Twitter bird and the X mark with twitterIcon.

Four hover effects via hoverEffect: scale (spring lift), glow (brightness + blurred radial halo), slide (larger upward lift), or none (subtle shadow only). Reduced motion users get a brightness-only hover automatically.

The buttons use flex-wrap so they reflow naturally on narrow widths. Every button has an aria-label, focus triggers the same hover state as mouse, and tooltips are properly wired for screen readers.

**Controls:** url, message · platforms (enable/disable per platform) · iconStyle, twitterIcon · size, gap, borderRadius, alignment · showShadows, showTooltips · customColors (per platform) · hoverEffect

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

-   All · #132

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-05-15
- **Updated**: 2026-05-12
- **Added**: 2026-05-03
- **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