ShareKit Demo

A modern, configurable social sharing library.

Quick Start

import { SocialShare } from './social-share.esm.js';

const share = new SocialShare({
  platforms: ['x', 'facebook', 'pinterest', 'whatsapp', 'copylink'],
  content: {
    url: window.location.href,
    title: document.title
  }
});

share.mount(document.body);
share.display();

Platform Selection

Select which platforms to display in the share bar:

Live Demo

The share bar should appear on the left side (desktop) or bottom (mobile).

Update Content

URL

Title

Hashtags (comma separated)

Static Position

Share bar can also be placed inside a container (static mode with circle buttons):

Events Log

// Events will appear here...