Free Webflow Social Share Buttons

Free Webflow Social Share Buttons for everyone to clone and use in their next project.

Clone to WebflowWatch Tutorial

Add Social Share Buttons to each Webflow Project

Setup
Arrow pointing down
Description
Arrow pointing down
Featured Example
Arrow pointing down
FAQ
Arrow pointing down

Adding scripts

JS Script CDN:
<script src="https://flow-ninja-assets.s3.amazonaws.com/ninja-script/core.min.js"></script>
Copy to Clipboard
CSS Style CDN:
<link rel="stylesheet" href=”example.css">
Copy to Clipboard
Add social sharing superpowers to clients' blogs and other CMS solutions in a few easy clicks.

It seems that we can never find the proper code that will work for all social platforms, and we always spend at least one hour in the QA process before going live. That's why we've created this simple free resource below.

‍

Adding Attributes

In this specific example we have two swipers

Main Swiper

"{attr.name}"
"{attr.value}
this will trigger swiper script
ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Thumbnail Swiper

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Optional Attributes

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Facebook, LinkedIn, Twitter, and more

Clone this free project and add social share buttons in a few minutes or less to your next Webflow project.

See Featured Example

Featured Example

Frequently Asked Questions

No items found.

Webflow, design and productivity tips

Just tips, no sales or offer emails ever.