---
title: "Share Flow Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Taha · Buttons. Ultimate Viral Distribution Suite"
canonical: "https://framer.elliotli.dev/component/share-flow-pro"
---

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

# Share Flow Pro

Ultimate Viral Distribution Suite

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

![Share Flow Pro preview image 1](https://framer.elliotli.dev/og/component/share-flow-pro/f9c1668a092c94f8/1600x1200.jpg)

## Summary

Ultimate Viral Distribution Suite

## Description

Most social buttons are clunky, unstyled afterthoughts. **ShareFlow** turns every share into a trackable marketing event, bridging high-end UI design with professional data attribution. Paste it into your canvas and go—no API keys required.

### ✍ Message-First Sharing

ShareFlow features a built-in message layer for absolute copy control:

-   **Global Mode:** Set a default message with pixel-perfect live previews for X, WhatsApp, Telegram, Email, Threads, and Reddit.
    
-   **Per-Platform Mode:** Customize copy by medium—a sharp hook for X, full context for Email, or casual text for WhatsApp.
    
-   **X Character Counter:** A live visual ring tracks the 280-character limit, shifting from blue to amber to red.
    
-   **Quick Picks:** One-tap message shortcuts let users swap copy instantly.
    

### 📱 Device-Smart Intelligence

ShareFlow adapts seamlessly to the user's environment:

-   **Mobile:** Fires the **Native System Share Sheet** (iOS/Android) for frictionless sharing.
    
-   **Desktop Modal & QR:** Opens a customizable desktop modal featuring a **Real-Time QR Code Generator** so desktop users can scan and instantly continue sharing on mobile.
    

### 📊 Marketing & UTM Mastery

Stop guessing where traffic originates. ShareFlow includes a professional **UTM Injection System** to automatically append `utm_source`, `utm_medium`, and `utm_campaign` to shared links. Track success in Google Analytics or Mixpanel with zero configuration.

### 🎨 Built for Designers

Every pixel is organized into a clean, grouped property panel (**Trigger, Message, Modal, Layout, Options**):

-   **Layouts:** Choose Icon+Text, Icon-only, or Text-only modes with variable columns.
    
-   **Custom Triggers:** Connect _any_ canvas element as your share button to keep your native hover states intact.
    
-   **Premium Polish:** Powered by Framer Motion spring physics with optional success confetti and haptic copy feedback.
    

**Inside the Box:** 11+ platforms, 6 live platform mocks, custom message editor, UTM injector, QR generator, and a lightweight, zero-bloat codebase. Perfect for adding high-value attribution to client sites.

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

-   All · #10294

## Details

- **Author**: Taha
- **Price**: $5.00
- **Published**: 2026-02-18
- **Updated**: 2026-08-17
- **Added**: 2026-02-08
- **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