housinghq / React Share Button
Licence: mit
📱 React share button component with web-share api and fallback modal with native intent urls
Stars: ✠89
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Share Button
Social Links
Simple library to count shares and generate share buttons
Stars: ✠91 (+2.25%)
Mutual labels: share, twitter, facebook
Vuepress Plugin Social Share
📣 Social sharing plugin for VuePress
Stars: ✠27 (-69.66%)
Mutual labels: share, twitter, facebook
Simplesharingbuttons
Share to Facebook, Twitter, Google+ and other social networks using simple HTML buttons.
Stars: ✠147 (+65.17%)
Mutual labels: share, twitter, facebook
Sharer.js
🔛 🔖 Create your own social share buttons. No jquery.
Stars: ✠1,624 (+1724.72%)
Mutual labels: whatsapp, twitter, facebook
Share Selected Text
share selected text on twitter, buffer, and some others. Inspired by medium.com
Stars: ✠64 (-28.09%)
Mutual labels: share, twitter, facebook
Ultimate Metatags
A large snippet for your page's <head> that includes all the meta tags you'll need for OPTIMAL sharing and SEO. Extensive work has been put into ensuring you have the optimal images for the most important social media platforms.
Stars: ✠24 (-73.03%)
Mutual labels: twitter, facebook
Social ids
Get user ids from social network handlers
Stars: ✠9 (-89.89%)
Mutual labels: twitter, facebook
Feeds
Importiert Daten aus API-Quellen wie Facebook, Instagram, Twitter, YouTube, Vimeo oder RSS (ehemals YFeed)
Stars: ✠34 (-61.8%)
Mutual labels: twitter, facebook
Keyring
Keyring is an authentication framework for WordPress. It comes with definitions for a variety of HTTP Basic, OAuth1 and OAuth2 web services. Use it as a common foundation for working with other web services from within WordPress code.
Stars: ✠52 (-41.57%)
Mutual labels: twitter, facebook
Clone Wars
100+ open-source clones of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Whatsapp, Youtube etc. See source code, demo links, tech stack, github stars.
Stars: ✠12,604 (+14061.8%)
Mutual labels: whatsapp, twitter
Social Post Bundle
Symfony bundle to publish status updates on Facebook, LinkedIn and Twitter.
Stars: ✠35 (-60.67%)
Mutual labels: twitter, facebook
Imageviewer.swift
An easy to use Image Viewer that is inspired by Facebook
Stars: ✠1,071 (+1103.37%)
Mutual labels: twitter, facebook
Notify
A dead simple Go library for sending notifications to various messaging services.
Stars: ✠727 (+716.85%)
Mutual labels: whatsapp, twitter
Nemiro.oauth.dll
Nemiro.OAuth is a class library for authorization via OAuth protocol in .NET Framework
Stars: ✠45 (-49.44%)
Mutual labels: twitter, facebook
Imgursniper
📷 A quick and easy Image, Screenshot and Screen recording sharing tool
Stars: ✠69 (-22.47%)
Mutual labels: share, clipboard
Skraper
Kotlin/Java library and cli tool for scraping posts and media from various sources with neither authorization nor full page rendering (Facebook, Instagram, Twitter, Youtube, Tiktok, Telegram, Twitch, Reddit, 9GAG, Pinterest, Flickr, Tumblr, IFunny, VK, Pikabu)
Stars: ✠72 (-19.1%)
Mutual labels: twitter, facebook
Ngx Auth Firebaseui
Angular Material UI component for firebase authentication
Stars: ✠518 (+482.02%)
Mutual labels: twitter, facebook
react-share-button
A lightweight React Share Button for mobile web with web share api integration, native intent support and fallback.
Features
- Web Share Api (on Origin Trials experiment until April 2017)
- Share Modal Fallback for other browsers
- Share via Whatsapp, FB, Twitter, Mail or Copy on Clipboard
Installation
npm install --save react-share-button
Basic Usage
To get web-share API on your origin just request a token for your origin. You will get an email within 24 hrs with you key, then just add a meta tag
<meta http-equiv="origin-trial" content="**insert your token as provided in the the email here**">
Know more about OriginTrials
JSX:
import ShareBtn from 'react-share-button';
<ShareBtn
url={url}
text={text}
className='ib'
displayText='Share'
/>
CSS
@import "react-share-button/dist/ShareBtn"
Options
<ShareBtn/> Component
prop | default | description |
---|---|---|
className | '' | Custom classnamem, you can style your button with this |
url | '' | The URL you want to share |
text | '' | The Text before the URL (E.g. Hey checkout this awesome property!!) |
displayText | Share | Any text you wanna write on button like Share Property |
onShareBtnClick | () => {} | A callback function when share button is clicked |
sharedBy | (medium) => {console.log('shared via ', medium)} | A callback function when user clicks on any share medium from share modal |
Development
git clone https://github.com/housinghq/react-share-button
cd react-share-button
npm install
npm run storybook
Open an issue before opening a PR. The UI in this package is for mobile only.
License
MIT @ Loconsolutions
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].