Floating Sidebar Social Share

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.

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 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 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.

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.

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.

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 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.

Here's a way to create a slick slider type of slider within Webflow.

Here's a way to add a dropped in text underline on hover in Webflow. When you hover over the multiple lines of text an underline interaction is triggered and the underline appears over the text.

Pop up contact form modal interaction for Webflow. A clean modal window appears with a contact form when clicking on the contact button. This contact modal form features all the native Webflow interactions required for a modal window in a fully responsive design.

A text fill on hover effect for Webflow. When you hover over text on your Webflow site it fills the text with an animation effect.

Here's a way to create a zoom in on click technique in Webflow. If you need to magnify an image on your Webflow site this cloneable is perfect for you.

Here's a unique way of showing images, app screenshots or more in an iPhone mobile slider. The images continuously rotate through and infinite loop.

Here's a text stroke interaction based on the mouse movement for Webflow. Upon moving the mouse around the text stroke follows the cursor around the Webflow site.

Here's a way to add a image splitting interaction on hover in Webflow. Using a grid and clip path to make this interaction happen. With this example when someone hovers on an image, the image opens in half and a text description is shown.