About CMS Social Share

Most social share buttons force you into predefined layouts that never match your design.

This flips that completely.

With CMS Social Share, you design your button exactly how you want in Framer - then simply drop this invisible helper inside it and it becomes a fully functional share button.

No wrappers. No UI limitations. No code.

What makes this different

Unlike traditional share to socials button components, this doesn’t give you a prebuilt design.

Instead, it works with your design.

Use any button, frame, or layout
Add icons, text, animations, or hover states
Keep full control over styling and interaction in Framer

There are:

No locked templates
No predefined layouts
No design restrictions

Because it reads the current page URL dynamically, it works perfectly with CMS pages making it a true dynamic URL share component for Framer.

Bonus

After purchase, you'll get access to all the Preset variations shown in the preview.

Each presets is included as a ready-to-use layout, so you can copy, remix, and adapt them directly inside your Framer project without rebuilding anything from scratch.

Buy link - Link

Instructions

Copy the component into your Framer project
Design any button or frame on the canvas
Drop the CMS Social Share helper inside that button

Setup

Select a Platform (X, WhatsApp, LinkedIn, etc.)
Choose Share URL mode:
- Current → shares the live page URL
- Custom → use your own link

Optional Settings

Add a custom Message
Enable New Tab behavior
Add a Share Delay for animation timing

Publish your site - your button is now fully functional.

⚠️ The helper is invisible and does not affect layout.

Properties Control

social share framer component controller

How It Works

The component includes 6 simple controls:

- Platform

Choose from 27+ supported platforms including X, Facebook, LinkedIn, WhatsApp, Telegram, Pinterest, Reddit, Threads, Bluesky, Weibo, VK, Line, Tumblr, Flipboard, Mix, Hacker News, Pocket, Buffer, Xing, Mastodon, Kakao, Naver, Baidu, Instapaper, Evernote, Email, Copy Link, and more.

- Share URL

Switch between dynamic current page URL or a custom link.

- Custom URL

Visible when Custom mode is selected.

- Message

Pre-fill share text with optional {TITLE} variable.

- New Tab

Control whether the share opens in a new or same tab.

- Share Delay

Delay the share trigger for animation sync (0–5000ms).

Features

Design-first approach: Turn any Framer button into a share button - no UI restrictions.
27+ platforms supported: Includes major platforms like X, LinkedIn, WhatsApp, Reddit, Threads, Bluesky, Email, and more.
Dynamic CMS support: Automatically shares the correct URL on CMS collection pages.
Custom share messages: Supports dynamic variables like {TITLE}.
Copy link support: Includes native clipboard functionality.
Invisible helper: No layout impact; fully hidden in your design.
Delay support: Sync sharing with animations or interaction states.
Zero dependencies: Built using pure Framer + React.

Use Cases

Blog posts: Add custom “Share on X” or LinkedIn buttons to articles.
Portfolio projects: Let users share your work easily across platforms.
Product pages: Enable branded share buttons for WhatsApp, Pinterest, or Email.
Landing pages: Create viral loops with “Copy Link” buttons.
CMS collections: Automatically share the correct dynamic page URL.
Campaigns: Pre-fill messages for social sharing and promotions.

Made with ❤️ by Soyeb

Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.

Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com

CMS Social Share