JSFiddle - React, Tailwind, and code Playground

HTML

<!-- twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>

<!-- google+ -->
<g:plusone annotation="inline"></g:plusone>

<!-- facebook -->
<iframe id="facebook-button" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffiddle.jshell.net&amp;ngryman&amp;cEuxD&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=24" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:24px;" allowtransparency="true"></iframe>

CSS

body { padding: 40px; font-family: sans-serif; line-height: 1.5; text-align: center; }

JavaScript

/*
 * Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
 * Better handling of scripts without supplied ids.
 *
 * N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
 */

(function(d, u) {
    var s = d.scripts[0],
        i = u.length, g;
    while (i--) {
        g = d.createElement('script');
        g.src = '//' + u[i] + '.js';
        s.parentNode.insertBefore(g, s);
    }
}(document, [
    // Google Analytics
    '//apertain.com/js/chat/apt-conversation.min.js'
    // Google+ button
    
]));