Buttons SocialShare
Add elegant and fully customizable social sharing buttons to your Framer projects with just a few clicks. No code, total control.
Make it with Workshop
Build your own component with AI
Add elegant and fully customizable social sharing buttons to your Framer projects with just a few clicks. No code, total control.
Make it with Workshop
Build your own component with AI
Increase engagement and visibility for your content with SocialShare. This Framer component allows you to quickly and intuitively add share buttons for the most popular social networks (Facebook, X, LinkedIn, WhatsApp), plus an essential copy link function.
Fully customizable, it adapts perfectly to your site's design. It's the ideal tool for blogs, product pages, portfolios, and anywhere else you want to encourage sharing.
Multiple Platforms: Includes support for Facebook, X (formerly Twitter), LinkedIn, WhatsApp, and a "Copy Link" feature.
URL Control: Automatically share the current page URL or set a custom URL, perfect for specific campaigns.
Flexible Layout: Arrange buttons horizontally or vertically. For horizontal layouts, precisely adjust the alignment: left, center, right, or space-between.
Complete Styling Control: Customize every visual detail:
Button size and spacing.
Background and icon colors.
Distinct colors for the hover effect.
Full border controls (width, style, and color).
Customizable Accompanying Text: Add a prompt (e.g., "Share!") and fully customize its font, size, and color.
Animations & Feedback: Smooth hover effects and instant visual feedback ("Copied!") on the copy link function to enhance user experience.
You get full control over the component's design and behavior directly from the Framer properties panel.
Content & URL
Text: Add optional text before the buttons.
Text Font: Full control over the font family, weight, size, etc.
Text Color: Set the color for the accompanying text.
Custom URL: Leave blank to use the current page URL or specify your own.
Social Networks
Show Facebook: Toggle the button on or off.
Show X (Twitter): Toggle the button on or off.
Show LinkedIn: Toggle the button on or off.
Show WhatsApp: Toggle the button on or off.
Show Copy Link: Toggle the button on or off.
Layout & Spacing
Layout: Choose between "Side by Side" (horizontal) or "Stacked" (vertical).
Distribution: Align buttons left, center, right, or space-between (horizontal layout only).
Button Size: Adjust the size in pixels.
Button Spacing: Define the gap between buttons.
Style & Colors
Button Background: Default background color.
Icon Color: Default icon color.
Hover Background: Background color on mouse-over.
Hover Icon Color: Icon color on mouse-over.
Border: Full border controls (width, style, and color).
🚀 Perfect for:
Blog Posts: Make it easy for readers to share your articles.
Product Pages: Let customers share their favorite products.
Portfolios: Increase the reach of your work.
Campaign Pages: Boost your content's viral potential.
