Love them or hate them social sharing buttons appear to be with us for a while. It seemed like we were constantly making custom buttons for every single project, so we decided to create a super flexible system that would work in any container.

RRSSB is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automagically in the container.

View the demo here

Buttons will automatically fill to the size of the ul rrssb-buttons.

Adding a class of popup to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window.

Each sharing URL requires various parameters that allow you to pass through messaging in the sharing dialog. A useful tool for URI escaping any messaging that needs to pass through the share URL can be found here.

RRSSB is also registered with Bower under the name RRSSB. Use the following command to find it: bower search rrssb

Need it as Wordpress plugin?

Currently tested between 140px and 15,465px on current versions of Chrome 33, Safari 7.0.2, Firefox 27, Opera 20, and IE9+.

Requires calc and SVG support.

RRSSB is a KNI Labs freebie crafted by @dbox and @seagoat.

This content is released under the Creative Commons Attribution-ShareAlike 4.0 International license.