https://github.com/koddr/vue-goodshare
🍿 Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project.
https://github.com/koddr/vue-goodshare
components share share-buttons social-buttons vue vue-components vuejs2
Last synced: 7 months ago
JSON representation
🍿 Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project.
- Host: GitHub
- URL: https://github.com/koddr/vue-goodshare
- Owner: koddr
- License: mit
- Created: 2017-10-29T15:33:33.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2025-02-17T05:03:57.000Z (10 months ago)
- Last Synced: 2025-04-12T07:30:00.667Z (8 months ago)
- Topics: components, share, share-buttons, social-buttons, vue, vue-components, vuejs2
- Language: Vue
- Homepage: https://vue-goodshare.js.org
- Size: 4.97 MB
- Stars: 449
- Watchers: 11
- Forks: 47
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Support: docs/supported-misc-components.md
Awesome Lists containing this project
- awesome-vue - vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x. (Components & Libraries / UI Components)
- awesome-vue-zh - vue-goodshare - 具有漂亮按钮设计的社交分享的Vue.js组件. 简单的安装,广泛的文档,开发人员支持,SEO友好,干净的代码,没有脚本跟踪页面上的用户活动,高速. 使用Vue.js 2.x. (UI组件 / 社交分享)
- fucking-awesome-vue - vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x. (Components & Libraries / UI Components)
- awesome-vue - vue-goodshare - Vue.js component for social share. A simple way to share a link on the pages of your website in the most popular (and not so) social networks. Powered by goodshare.js project. ` 📝 16 days ago` (UI Components [🔝](#readme))
- awesome-vue - vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x. (Components & Libraries / UI Components)
- awesome-vue - vue-goodshare ★233 - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x. (UI Components / Social Sharing)
- awesome-vue - vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x. (UI Components / Social Sharing)
README
🍿 vue-goodshare
Vue.js component for share link to social networks and mobile messengers
A simple way to share a link on the pages of your website in the most popular (and not so) social networks.
Powered by goodshare.js project.
## The Why?
Vue.js-ready™ component. Simple install, **extensive documentation**, developer support, **SEO friendly**, many options for customization of appearance, **clean code without scripts tracking user activity** on the page, **high speed**.
Beautiful button design **already included**. Just choose one, add attribute to component and save!
## [Docs](https://vue-goodshare.js.org)
## Installation
```console
foo@bar:~$ npm install --save vue-goodshare
```
## Usage
### Single share element
Includes **only needed** social networks or mobile messengers.
```js
/**
* Import Vue.js
*/
import Vue from "vue";
/**
* Import vue-goodshare single element
*/
import VueGoodshareFacebook from "vue-goodshare/src/providers/Facebook.vue";
const app = new Vue({
el: "#app",
components: {
VueGoodshareFacebook
}
});
```
Add component to HTML template (with attributes):
```html
```
Result:
### Bundle of share elements
> Facebook, Twitter, LinkedIn, Google Plus, Tumblr, Pinterest, Reddit
```js
/**
* Import Vue.js
*/
import Vue from "vue";
/**
* Import vue-goodshare bundle
*/
import VueGoodshare from "vue-goodshare";
const app = new Vue({
el: "#app",
components: {
VueGoodshare
}
});
```
Add components to HTML template (without attributes):
```html
```
Result:
## Demo on `localhost`
```console
foo@bar:~$ git clone https://github.com/koddr/vue-goodshare.git
foo@bar:~$ cd vue-goodshare/examples
```
Start simple Python 3.4+ HTTP server (only macOS and Linux):
```console
foo@bar:~$ python3 -m http.server 4000 --bind localhost
```
## Developers
- Idea and active development by [Vic Shóstak](https://github.com/koddr) (aka Koddr).
## Project assistance
If you want to say «thank you» or/and support active development `vue-goodshare`:
1. Add a GitHub Star to project.
2. Twit about project [on your Twitter](https://twitter.com/intent/tweet?text=I%20found%20%40vuejs%20component%20for%20%23share%20a%20link%20from%20your%20%23website%20to%20%23social%20networks%20and%20mobile%20%23messengers%20%F0%9F%91%8D&url=https%3A%2F%2Fgithub.com%2Fkoddr%2Fvue-goodshare).
3. Donate some money to project author via PayPal: [@paypal.me/koddr](https://paypal.me/koddr?locale.x=en_EN).
4. Join DigitalOcean at our [referral link](https://m.do.co/c/b41859fa9b6e) (your profit is **$100** and we get $25).
Thanks for your support! 😘 Together, we make this project better every day.
[](https://www.digitalocean.com/?refcode=b41859fa9b6e&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)
### Stargazers over time
[](https://starchart.cc/koddr/vue-goodshare)
## Code Contributors
This project exists thanks to all the people who contribute.
## License
MIT