The Top 17 Social Webflow cloneables

An Instagram feed embed design for Webflow. Add an Instagram styled feed slider embed to your Webflow site that utilizes Webflow's native CMS system. Tie this into a tool like Zapier and you could automate your Instagram feed to your Webflow site without adding bloated third party JS libraries.

Five unique designs to showcase your Instagram feeds in Webflow. These examples utilize a combination of custom code and Webflow interactions to make the magic happen. Although a majority of the movements are controlled by Webflow interactions. A great way to liven up your Instagram feeds on your Webflow projects. Tie this into automating the importing of your Instagram feeds to Webflow using Zapier or Make and this can be a fully automated and up to date instagram feed.

A free Webflow cloneable for a social sharing button interaction. When a user hovers over the button it expands to showcase 4 different social sharing sites, Behance, Dribble, Instagram and Twitter. This social share button was created solely from Webflow interacations and is a fun way to add social sharing or a contact to your Webflow site.

A glass bar navigation design for Webflow. This micro interaction for a glass navigation bar design with hover over interactions is a great way to add social media sharing buttons to your Webflow site.

Five different styles of animated and interactive social media share buttons for Webflow.

Easily add an Instagram feed to your Webflow site with these premade Instagram feed designs. Twelve different Instagram feed design components allow you to easily add your latest Instagram posts to your Webflow site. Keep in mind that these are simply the design components and do not include the code to work properly. You'll either need to use a 3rd party tool or manually add your instagram posts yourself. These Instagram feed designs feature a variety of different styles from masonry grids to stacked and Instagram style cards.

Social media sharing buttons with hover interactions for Webflow. These social sharing buttons feature a unique aspect in which the entire background color changes on hover over to the relevant social media sites color scheme. A simple, yet fun social sharing idea. This was built entirely from Webflow interactions and doesn't require any additional code.

An animated, 3D layered social media sharing buttons for Webflow. When a user hovers over the buttons they pop up with a 3D layering effect on your Webflow site.

A simple and easy way to copy and paste social media sharing buttons to your Webflow site. Simply clone the project, copy and paste to your project. This features two different social sharing designs, one that is a simple horizontal bar and the other is a vertical bar. This technique uses HTML embeds to create the social sharing links with the link targets being based on the class name of the link divs. A unique way to create social sharing in Webflow for major sites like Facebook, Twitter, LinkedIn, Email, Reddit, Tumblr and Pinterest.

A full set of social media brand icons in black and white for your Webflow projects. There are several different variations, all in black and white, including SVG icons, button classes, embed boxes and Font Awesome icons.

Add social share buttons within Webflow with Refokus social sharing library.

Easily add social share buttons to your Webflow site with this free cloneable. This technique uses a small script that utilizes Webflow's attributes to automatically update the outbound links to social sharing URLs. A great way of using Webflow's designer to create the design elements while still having the share functionality. This eliminates the need for ugly HTML embed codes within the designer.

Here's a way to add a custom, social media sharing hover interaction to your Webflow site. When a user hovers over the icon on the page a social media sharing interaction is triggered that displays 4 different social media sharing sites.

A simple way to add social media links with a hover animation to your Webflow site.

A unique way of adding a social share button to your Webflow site. When a user hovers over the button the social sites sharing icons are shown. This method allows you to maximize space on your site and offer a unique approach to social sharing your Webflow content.

Here's a way to add Facebook, Twitter and Pinterest sharing buttons to your Webflow site. This technique uses an HTML embed for each element with the images hosted via Webflow.

Here's a way to add social sharing buttons to the left sidebar of your Webflow site. This social sharing block floats above your site so it's always visible to the users. This is done via a floating-share jquery plugin.