Table of Contents

Creation of CSS Social Share button with HTML, CSS(SCSS) and JavaScript.

Share buttons with hover effects HTML/Pug,CSS/SCSS

Made by Charlie Marcotte

See the Pen Share Icons With Hover Effects (All CSS) by Charlie Marcotte (@FUGU22) on CodePen.


Click to see the goo magic.

Made by Sasha

February 24, 2017

See the Pen SVG Filter Gooey Share, Social Media Button by Sasha (@sashatran) on CodePen.

Gooey share button with HTML, CSS(SCSS) and JavaScript.

Made by Kirill Kiyutin

November 9, 2016

See the Pen Gooey share button â„–1792347 by Kirill Kiyutin (@kiyutink) on CodePen.

FAB animation: share button.

Made by Ariful Islam

November 9, 2016

See the Pen FAB Animation: Share Button by Ariful Islam (@Arif59) on CodePen.

Custom social share buttons for Facebook, VK.com, Twitter, LinkedIn and Pinterest.

Made by Vasiliy Lazarev

October 26, 2016

See the Pen Social Share Buttons + Counters by Vasiliy Lazarev (@Belyash) on CodePen.


HTML, CSS and JavaScript stay in touch/share button.

Made by Fralec

September 28, 2016

See the Pen Stay in touch/share button by Fralec (@fralec) on CodePen.

A small collection of social/share buttons that take the shape of a semicircle.

Made by Matthew Juggins

September 19, 2016

See the Pen Share & Social Semicircles by Matthew Juggins (@mattjuggins) on CodePen.


Social share button that pull apart into seperate buttons.

Made by Rob Vermeer

17, 2016

See the Pen Social share button by Rob Vermeer (@RobVermeer) on CodePen.

Pure CSS social-share button.

Made by Kirill Kiyutin

April 5, 2016

See the Pen Social share button by Kirill Kiyutin (@kiyutink) on CodePen.

Just another share button.

Made by Kyle Lavery

March 13, 2016

See the Pen Social Share Button by Kyle Lavery (@koenigsegg1) on CodePen.

Social sharing buttons with HTML and CSS

Made by Eduard Mayer

January 26, 2016

See the Pen Social Sharing Buttons by Eduard Mayer (@codewunder) on CodePen.


You can resize the share button with the font-size property.

Made by Vincent Durand

June 2, 2015

See the Pen 3D Hexagon share button concept by Vincent Durand (@onediv) on CodePen.

An experiment with hover states and social buttons.

Made by Steven Schobert

20 November, 2014

See the Pen Slide-out social buttons by Steven Schobert (@stevenschobert) on CodePen.


Animated share button using jQuery, Timeline Max.

Made by matthieu

November 18, 2014

See the Pen Animated Share Button by matthieu (@mlegrix) on CodePen.

HTML, CSS and JavaScript share buttons.

Made by Vincent Durand

September 2, 2014

See the Pen Share Button by Vincent Durand (@onediv) on CodePen.

Share social button with HTML, CSS and JavaScript.

Made by JFarrow

August 13, 2014

See the Pen Share Social Button Thing by JFarrow (@JFarrow) on CodePen.

Hover it and see what will happen next.

Made by Larry Geams Parangan

December 3, 2013

See the Pen Simple Share Button by Larry Geams Parangan (@larrygeams) on CodePen.

This share button uses only Pure CSS and Web Fonts.

Made by Mario Vidov

July 3, 2013

See the Pen Share Social Buttons by Mario Vidov (@mel) on CodePen.