React Share Kit
A simple and easy-to-use library for adding social media share buttons to your React & Next.js applications. With React-Share-Kit, you can quickly integrate share buttons for popular social media platforms such as Facebook, X (Twitter), Bluesky, Threads, LinkedIn, and more.
If package size matters and you don't need share counts, react-share-lite is the lightweight alternative.
📕 Global Props
| Name | Type | Default | Description | Required |
|---|---|---|---|---|
| url | string | null | The URL of the shared page. | TRUE |
| title | string | null | The title of the shared page. | FALSE |
| windowWidth | number | 550 | Opened window width. | FALSE |
| windowHeight | number | 400 | Opened window height. | FALSE |
| blankTarget | boolean | false | Open share window in a new tab if set to true. | FALSE |
| bgColor | string | related color | Icon background color. | FALSE |
| round | boolean | false | The "round" attribute creates a fully circular button shape, giving it a 100% rounded appearance. | FALSE |
| borderRadius | number | 0 | Custom round the share icon. | FALSE |
| size | number | 64 | The share icon size. | FALSE |
| buttonTitle | string | null | The title of button used instead of icon. | FALSE |
🚀 Installation
npm i react-share-kitOr
yarn add react-share-kit