Sharingbuttons.io 2.0
p/sharingbuttons-io-2-0
Super fast and easy social media sharing buttons.
Max Stoiber

Sharingbuttons.io 2.0 β€” Super fast and easy social media sharing buttons.

Featured
47
β€’
Replies
Best
Nick Frost
@mxstbr this is cool, but when it tried to embed the HTML in an email, it didn't work because the images were in the HTML. Any way to easily fix this?
Max Stoiber
@thinker I honestly don't know since I never code for email. πŸ˜• maybe this article helps to find an alternative solution? https://css-tricks.com/a-guide-o... If you submit an issue on Github (https://github.com/mxstbr/sharin...) or ping me via email (contact at my handle dot com) I'm sure we can get this resolved, and maybe even add an email mode!
Mani Karthik
Would there also be a WordPress plugin coming up? Most social sharing plugins on WP are super slow. Would love a fast loading one.
Max Stoiber
@manikarthik I've never done that before, but would love to look into it! Would you mind submitting an issue?
Johannes N
how is this possible? just wanted to hunt it yesterday, but it was marked as a duplicate :/ good luck for your PH ride! I really like this approach!
Ben Tossell
@jollife the maker hunted it previously
Max Stoiber
@bentossell @jollife MRW I'm on top of ProductHunt with something I submitted a few months ago:
Mat Silva
@bentossell @jollife When did the maker hunt it? Love the simple config.
Viszt PΓ©ter
Really good. I've pretty much used the same thing, but this is way more easier to generate it. What if the SVG's are inline in CSS instead? The html code might be easier to manage. Like this: background-image: url("data:image/svg+xml;base64,... Also a Middleman or Jekyll extensions would be cool to make it even easier to implement.
Max Stoiber
@passatgt That sounds like a really good enhancement, do you want to submit a PR adding that? https://github.com/mxstbr/sharin...
Laef 🐢🐱
Wow, this is amazing. Probably the best thing about it is that the SVGs are created in-HTML, so as to avoid extra requests and possible referrer-tracking from requesting it from another website. The buttons themselves (and the GUI to create them) are beautiful. The only thing I'm wondering about is what the 12 HTTP Requests is referring to?
Max Stoiber
@laef if you were to include those sharing buttons in the standard, recommended way the client would dispatch 12 HTTP requests for getting all the files! Thanks for the praise!
Saijo George
I am working on something similar. This looks amazing, I might can mine and look at doign something else. You can add WhapsApp to that list as well.
Max Stoiber
@saijo_george would love to have you contribute!
Saijo George
@mxstbr sure, what do you need from me?
Max Stoiber
@saijo_george what do you think is missing? πŸ˜‰ WordPress/Jekyll/Metalsmith/… plugins, templating language mode (i.e. insert URL and text via Liquid tags/PHP/…), more networks,… Lot's to do!
Evan Laird
Awesome tool! Will definitely be using these on my next projects. One quick question, is there any possible way to add Instagram onto this? Just with Instagram growing so much and having more engaged users, it's very important from a marketing standpoint.
Max Stoiber
@lairdep23 do they have a URL? I'll happily add them: github.com/mxstbr/sharingbuttons.io
Emmanuel Straschnov
Do you have a documentation to generate the code? I'd love to add this as a plugin to Bubble (https://bubble.is).
Max Stoiber
@estraschnov I'll happily work with you on that! We basically leverage Reacts inbuilt renderToString method to render the buttons to a string. Send me a quick email to contact at my handle dot com and let's make it happen!
ian ray
Clean and light. But I have a suggestion for CSS to look more like the standard social icons from AddThis and ShareThis: .resp-sharing-button { border-radius: 3px; border-width: 1px; margin: 0.1em; padding: 0.5em 0.5em; } .resp-sharing-button__icon svg { width: 1.75em; height: 1.75em; margin-bottom: -0.3em; }
Max Stoiber
@ianthekid would you mind submitting a PR with those changes and a before and after screenshot? Thanks! https://github.com/mxstbr/sharin...
Jaanus JagomΓ€gi
@rotemthegolfer Hey buddy, stop marketing your Giphy clone everywhere. It's kinda annoying
Brian Roach
@jagomagi just noticed that he's all over hunts this morning ha ha
Nidhi V Shandilya
@mxstbr This is super. Do you have something similar for android/ ios?
Max Stoiber
@nidhi_v_shandilya I don't yet since I don't do either of those – do you want to help out and submit a PR? I don't imagine it'd be that difficult: https://github.com/mxstbr/sharin...
Ben Lang
Top Product
Share to Xing... πŸ˜‚
Max Stoiber
@benln mate, I gotta take the icons I have! πŸ™ˆ
Rishabh Bose
The best sharing buttons i've ever witnessed. The sheer simplicity is mind blowing.
Max Stoiber
@rishabh_bose This comment made me feel all warm and fuzzy inside, thanks man!
Robert Baldowski
I can use this, thanks :)
Max Stoiber
@rboab That's awesome, let me see when it's public!
Sylvain Laffont
This is clean, simple and useful : great work guys !
Max Stoiber
@sylvainlaffont Thanks man, I appreciate that!
Eytan Buchman
Beautifully done. Thanks for making the internet a better place!
Tim
Such a great tool that has already saved me time. Added sharing links to my chrome weather extension
Andreu Pifarre
Definitely sharingbuttons is something I will try soon, it solves a real problem.
Andrew Herndon
@mxstbr @lairdep23 Love the simplicity. I second adding an Instagram button.
Matt Gibbs
An email subscription box would be handy if you ever update the code