A Lightweight, Elegant and Ethical Popular Social Share Buttons

Shareon is the share buttons for popular social networks. This Js is a lightweight, free JavaScript library to create a modern social sharing tool that contains buttons for popular social networks like Facebook, Twitter, Pinterest, Whatsapp, and much more.

social share buttons html, social media share buttons, social media share buttons javascript, social share links, social media share links html

All supported social networks:

Facebook
Linkedin
Messenger
Odnoklassniki
Pinterest
Pocket
Reddit
Telegram
Twitter
Viber
VK
Whatsapp

How to make use of it:

1. Install and import the Shareon as an ES module.

# Yarn
$ yarn add shareon

# NPM
$ npm i shareon --save

import shareon from 'shareon';

2. Include the Shareon’s JavaScript & CSS files from a CDN.

<link href="https://cdn.jsdelivr.net/npm/shareon/dist/shareon.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/shareon/dist/shareon.min.js"></script>

3. Initialize the library and we’re ready to go.

shareon();

4. Create social sharing buttons utilizing a or button the component as follows:

<div class="shareon">
  <a class="facebook"></a>
  <a class="linkedin"></a>
  <a class="messenger"></a>
  <a class="odnoklassniki"></a>
  <a class="pinterest">Pinterest</a>
  <a class="pocket"></a>
  <button class="reddit"></button>
  <button class="telegram"></button>
  <button class="twitter"></button>
  <button class="viber"></button>
  <button class="vkontakte"></button>
  <button class="whatsapp">Contact Us</button>
</div>

5. Customize the data to share on social networks utilizing the next data attributes:

<div class="shareon" data-url="#!">
  <a class="facebook" data-title="Custom Link Title">Facebook</a>
  <a class="linkedin" data-url="#!">Linkedin</a>
  <a class="pinterest" data-media="image-to-share.jpg">Pinterest</a>
  <button class="telegram" data-text="Text To Share"></button>
  <button class="twitter" data-via="your twitter username"></button>
</div>

Modern/Easy Social Share Buttons, free social share plugin, social media buttons CSS, shareon Plugin/Github