ShareFlow is a premium Framer component that turns every share into a measurable marketing event — now with live per-platform message previews, custom message editor, and a fully grouped property panel built for real workflows.
🚀 Why ShareFlow? Most social buttons are an afterthought — clunky, unstyled, and impossible to track. ShareFlow is a premium distribution toolkit that turns every visitor into a marketing channel. It bridges the gap between high-end UI design and professional data attribution.
✍️ Message-First Sharing ShareFlow is the only Framer share component with a built-in message layer.
Global Message Mode: Set a default message visitors can personalize before sharing — with a live preview showing exactly how it'll look on X, WhatsApp, Telegram, Email, Threads, and Reddit.
Per-Platform Mode: Set a different fixed message for each platform — a tweet-length hook for X, a longer context for Email, a casual line for WhatsApp.
Quick Picks: Add one-tap message shortcuts so visitors share with the right copy instantly.
X Character Counter: A live ring tracks the 280-character limit in real time, color-shifting from blue to amber to red.
📱 Intelligence on Every Device ShareFlow doesn't just open a link — it understands the environment.
On Mobile: Triggers the Native System Share Sheet (iOS/Android) for a frictionless, familiar experience.
On Desktop: Presents a fully customizable modal that keeps users engaged while they share.
📊 Marketing & UTM Mastery Stop guessing where your traffic comes from. ShareFlow includes a professional UTM Injection System.
Automatically attach utm_source, utm_medium, and utm_campaign to every shared link.
Track referral success in Google Analytics or Mixpanel with zero extra configuration.
🔗 The Desktop-to-Mobile Bridge Desktop users rarely share to WhatsApp or Threads from their browser. ShareFlow solves this with a real-time QR Code Generator — users scan the modal with their phone to instantly continue the sharing journey on mobile.
🎨 Built for Designers Every pixel is under your control — now organized into a clean grouped property panel so you're never hunting through a flat wall of controls.
Typography: Full Framer font controls with size, weight, and alignment.
Layouts: Icon+Text, Icon-only, or Text-only modes with configurable columns.
Custom Trigger: Connect any canvas component as the share button — your hover states and interactions stay intact.
Animations: Framer Motion with spring physics and optional confetti on success.
⚡ Copy, Paste, Profit No API keys. No configuration. Paste into your canvas and go. The ultimate utility for Framer freelancers and agencies adding social attribution as a high-value client service.
What's in the box?
11+ Integrated Platforms (X, LinkedIn, WhatsApp, Facebook, Telegram, Threads, Reddit, and more)
Live per-platform message previews (6 pixel-perfect platform mocks)
Custom message editor with Quick Picks
X character counter with live ring
Smart Copy Link with haptic and visual feedback
Real-time QR Code Generator
UTM injection system
Custom trigger support (any canvas component)
Grouped property panel (Trigger, Message, Modal, Layout, Options, and more)
Lightweight — zero bloat, clean code
Taha
